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

Posted 2023-02-16

【中文标题】交换 Graphite 在 Grafana 中返回的时间戳和值

【英文标题】：swap Graphite returned timestamp and value in Grafana

【发布时间】：2017-02-27 18:24:34

【问题描述】：

我正在使用 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,
        ]
      ]
    
  ]

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

我查看了 .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 方法完成了此操作，但它给了我相同的结果（时间戳和度量已切换）。

【参考方案1】：

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

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

【讨论】：

明天测试，这个放在哪里？

datasource.js 中相同，我也给出了 github 链接，你可以根据你的代码修改变量，你需要把它包装在一个 *promise 中

我想我需要更多关于如何实施您建议的解决方案的详细信息，您似乎提议完全重写 datasource.js 但我只想在数据点数组中进行字段交换