javascript - 在 Grafana 中交换 Graphite 返回的时间戳和值

Question

我正在使用 Grafana 进行测试，以从 Graphite 系统读取数据并绘制数据图表。

这就是 Grafana 期望来自 Graphite 的 json 数据的方式:

{
  "data": [
    {
      "target": "test-series-0",
      "datapoints": [
        [
          22.504392773143504,
          1.476693264195e+12
        ],
        [
          22.719552781746028,
          1.476693301825e+12
        ]
      ]
    }
  ]
}

我想从中读取数据的系统，交换时间戳和指标值，例如

{
  "data": [
    {
      "target": "test-series-0",
      "datapoints": [
        [
          1.476693264195e+12
          22.504392773143504,
        ],
        [
          1.476693301825e+12
          22.719552781746028,
        ]
      ]
    }
  ]
}

是否可以创建一个新的数据源(来自默认 Graphite 数据源的副本)，在处理之前将值换回或按原样使用这些值？

我查看了 .js 文件，但我发现很难确定我需要在何处进行更改，因此不胜感激!

编辑:我试过这个:我复制了默认的 Graphite 插件并将其重命名为 graphite-copy 并调整了 plugin.json 中的 id。

然后我像这样编辑了 datasource.js 和 datasource.ts:

   var e = {
    method: "POST",
    url: "/render",
    data: d.join("&"),
    headers: {
     "Content-Type": "application/x-www-form-urlencoded"
    }
   };
   return a.panelId && (e.requestId = this.name + ".panelId." + a.panelId), this.doGraphiteRequest(e).then(this.convertDataPointsToMs)
  }, this.convertDataPointsToMs = function(a) {
   if (!a || !a.data) return [];
   for (var b = 0; b < a.data.length; b++)
    for (var c = a.data[b], d = 0; d < c.datapoints.length; d++) {
        var t = c.datapoints[d][0];
        c.datapoints[d][0] = c.datapoints[d][1];
        c.datapoints[d][0] = t; 
        c.datapoints[d][1] *= 1e3;
    }

改变是这样的:

    var t = c.datapoints[d][0];
    c.datapoints[d][0] = c.datapoints[d][1];
    c.datapoints[d][0] = t; 

我在 datasource.js/ts 中对 GET 和 POST 方法都做了这个，但它给了我相同的结果(时间戳和指标切换)。

Answer 1

您可以使用 angular.factory 在 angular 中执行类似的操作

var module = angular.module(grafana.services);

module.factory('Datasrc',function($q, backendsrv, templatesrv){

//$q,backendsrv templatesrv supported by grafana

 function Datasrc(datasource){
     this.type =// the datasource type;

     this.url = datasource.url;

     this.auth = datasource.basicAuth;

     this.timestamp = true;

     this.supportMetrics = true;
 }

 AtsdDatasource.prototype.query = function (options) {


 var queries = _.compact(qs);

 if (_.isEmpty(queries)) {
          var d = $q.defer();
          d.resolve({ data: [] });
          return d.promise;
}

Datasrc.prototype._performQuery = function (queries) {
    var query = [];
    query.push( 
     { 
        data :[
               objecttype = query.type,
               datapoints = query.//swap the values here
               //enter the other necessary fields or declare more in the factory

               ]
           });

if (query.length === 0) {
          var d = $q.defer();
          d.resolve({ data: undefined });
          return d.promise;          //promise called here
}



var options = {
          method: 'POST',
          url: this.url + '/api/v1/series',
          data: {
            queries: tsQueries
          },
          headers: {
            Authorization: this.basicAuth
          }
        };

        return backendSrv.datasourceRequest(options).then(function (result) {
          return result;
        });
};

     }
});

完整归因于 author和 GitHub link