Merge pull request #1042 from taosdata/feature/grafana_plugin

Feature/grafana plugin

documentation/webdocs/markdowndocs/Connections with other Tools-ch.md

@@ -46,11 +46,11 @@ TDengine的Grafana插件在安装包的/usr/local/taos/connector/grafana目录
 
 #### 配置数据源
 
-用户可以直接通过localhost:3000的网址，登录Grafana服务器(用户名/密码:admin/admin)，通过左侧`Configuration -> Data Sources`可以添加数据源，如下图所示：
+用户可以直接通过 localhost:3000 的网址，登录 Grafana 服务器(用户名/密码:admin/admin)，通过左侧 `Configuration -> Data Sources` 可以添加数据源，如下图所示：
 
 ![img](../assets/add_datasource1.jpg)
 
-点击 `Add data source` 可进入新增数据源页面，在查询框中输入TDengine 可选择添加，如下图所示：
+点击 `Add data source` 可进入新增数据源页面，在查询框中输入 TDengine 可选择添加，如下图所示：
 
 ![img](../assets/add_datasource2.jpg)
 
@@ -58,7 +58,7 @@ TDengine的Grafana插件在安装包的/usr/local/taos/connector/grafana目录
 
 ![img](../assets/add_datasource3.jpg)
 
-* HostTDengine：集群的中任意一台服务器的IP地址与TDengine RESTful接口的端口号(6020)，默认http://localhost:6020。
+* Host： TDengine 集群的中任意一台服务器的 IP 地址与 TDengine RESTful 接口的端口号(6020)，默认 http://localhost:6020。
 * User：TDengine 用户名。
 * Password：TDengine 用户密码。
 
@@ -83,7 +83,7 @@ TDengine的Grafana插件在安装包的/usr/local/taos/connector/grafana目录
 ![img](../assets/create_dashboard2.jpg)
 
 > 关于如何使用Grafana创建相应的监测界面以及更多有关使用Grafana的信息，请参考Grafana官方的[文档](https://grafana.com/docs/)。
-> 
+
 #### 导入 Dashboard
 
 在 Grafana 插件目录 /usr/local/taos/connector/grafana/tdengine/dashboard/ 下提供了一个 `tdengine-grafana.json` 可导入的 dashboard。

src/connector/grafana/tdengine/dist/datasource.js

@@ -71,7 +71,7 @@ var GenericDatasource = exports.GenericDatasource = function () {
       var targets = _lodash2.default.map(options.targets, function (target) {
         return {
           refId: target.refId,
-          alias: target.alias || "",
+          alias: _this.generateAlias(options, target),
           sql: _this.generateSql(options, target)
         };
       });
@@ -112,6 +112,13 @@ var GenericDatasource = exports.GenericDatasource = function () {
 
       return "Basic " + this.encode(defaultUser + ":" + defaultPassword);
     }
+  }, {
+    key: 'generateAlias',
+    value: function generateAlias(options, target) {
+      var alias = target.alias || "";
+      alias = this.templateSrv.replace(alias, options.scopedVars, 'csv');
+      return alias;
+    }
   }, {
     key: 'generateSql',
     value: function generateSql(options, target) {

src/connector/grafana/tdengine/src/datasource.js

@@ -49,7 +49,7 @@ export class GenericDatasource {
     var targets = _.map(options.targets, target => {
       return {
         refId: target.refId,
-        alias: target.alias || "",
+        alias: this.generateAlias(options, target),
         sql: this.generateSql(options, target)
       };
     });
@@ -89,6 +89,12 @@ export class GenericDatasource {
     return "Basic " + this.encode(defaultUser + ":" + defaultPassword);
   }
 
+  generateAlias(options, target){
+    var alias = target.alias || "";
+    alias = this.templateSrv.replace(alias, options.scopedVars, 'csv');
+    return alias;
+  }
+
   generateSql(options, target) {
     var sql = target.sql;
     if (sql == null || sql == ""){