grafana Singlestat仪表板：没有显示任何值

Question

我是Grafana的新手。要求是点击URL并根据http状态代码显示响应。使用singlestat，  如果响应为200，则显示绿色  如果响应为500，则显示红色  如果响应为501，则显示橙色。

我们试图通过修改simplejson插件的dist文件夹中的datasource.js来定制simplejson插件，如下所示。

'use strict';

System.register(['lodash'], function (_export, _context) {
  "use strict";

  var _, _createClass, GenericDatasource;

  function _classCallCheck(instance, Constructor) {
    if (!(instance instanceof Constructor)) {
      throw new TypeError("Cannot call a class as a function");
    }
  }



 return {
    setters: [function (_lodash) {
      _ = _lodash.default;
    }],
    execute: function () {
      _createClass = function () {
        function defineProperties(target, props) {
          for (var i = 0; i < props.length; i++) {
            var descriptor = props[i];
            descriptor.enumerable = descriptor.enumerable || false;
            descriptor.configurable = true;
            if ("value" in descriptor) descriptor.writable = true;
            Object.defineProperty(target, descriptor.key, descriptor);
          }
        }

        return function (Constructor, protoProps, staticProps) {
          if (protoProps) defineProperties(Constructor.prototype, protoProps);
          if (staticProps) defineProperties(Constructor, staticProps);
          return Constructor;
        };
      }();

  _export('GenericDatasource', GenericDatasource = function () {
    function GenericDatasource(instanceSettings, $q, backendSrv, templateSrv) {
      _classCallCheck(this, GenericDatasource);

      this.type = instanceSettings.type;
      this.url = instanceSettings.url;
      this.name = instanceSettings.name;
      this.q = $q;
      this.backendSrv = backendSrv;
      this.templateSrv = templateSrv;
      this.withCredentials = instanceSettings.withCredentials;
      this.headers = { 'Content-Type': 'application/json' };
      if (typeof instanceSettings.basicAuth === 'string' && instanceSettings.basicAuth.length > 0) {
        this.headers['Authorization'] = instanceSettings.basicAuth;
      }
    }

    _createClass(GenericDatasource, [{
      key: 'query',
      value: function query(options) {


        var query = this.buildQueryParameters(options);

        query.targets = query.targets.filter(function (t) {
          return !t.hide;
        });

        if (query.targets.length <= 0) {
          return this.q.when({ data: [] });
        }

         var options = {
                    method: 'GET',
                    url: this.url,
                    data: '',
                };
         var result = this.backendSrv.datasourceRequest(options);

          result.then(function (resolve, reject) {
                    var result = resolve;

                    var xmlDoc = result.status;
                    var now = Date.now();

                    var reqJSON = [
                        { target: "status", datapoints: [[xmlDoc, now]] }
                    ];

                    var reqJSONArray = [];
                    for (var j = 0; j < query.targets.length; j++) {
                        for (var k = 0; k < reqJSON.length; k++) {
                            if (query.targets[j].target === reqJSON[k].target) {
                                reqJSONArray.push(reqJSON[k]);
                            }
                        }
                    }
                    result.data = reqJSONArray;

                    return result;
                });
                return this.q.when(result);  

      }
    }, {
      key: 'testDatasource',
      value: function testDatasource() {

        return this.doRequest({
          url: this.url,
          method: 'GET'
        }).then(function (response) {

          if (response.status === 200) {
            return { status: "success", message: "Data source is working", title: "Success" };
          }
        });
      }
    }, {
      key: 'annotationQuery',
      value: function annotationQuery(options) {
        var query = this.templateSrv.replace(options.annotation.query, {}, 'glob');
        var annotationQuery = {
          range: options.range,
          annotation: {
            name: options.annotation.name,
            datasource: options.annotation.datasource,
            enable: options.annotation.enable,
            iconColor: options.annotation.iconColor,
            query: query
          },
          rangeRaw: options.rangeRaw
        };

        return this.doRequest({
          url: this.url + '/annotations',
          method: 'POST',
          data: annotationQuery
        }).then(function (result) {
          return result.data;
        });
      }
    }, {
      key: 'metricFindQuery',
      value: function metricFindQuery(query) {
        var interpolated = {
          target: this.templateSrv.replace(query, null, 'regex')
        };

        return this.doRequest({
          url: this.url + '/search',
          data: interpolated,
          method: 'GET'
        }).then(this.mapToTextValue);
      }
    }, {
      key: 'mapToTextValue',
      value: function mapToTextValue(result) {

         var xmldoc = result.status;
          result.data = [ { "text" :'status', 'value': xmldoc}];

        return _.map(result.data, function (d, i) {

          if (d && d.text && d.value) {

            return { text: d.text, value: d.value };
          } else if (_.isObject(d)) {

            return { text: d, value: i };
          }

          return { text: d, value: d };
        });
      }
    }, {
      key: 'doRequest',
      value: function doRequest(options) {
        options.withCredentials = this.withCredentials;
        options.headers = this.headers;

        return this.backendSrv.datasourceRequest(options);
      }
    }, {
      key: 'buildQueryParameters',
      value: function buildQueryParameters(options) {
        var _this = this;
        options.targets = _.filter(options.targets, function (target) {
          return target.target !== 'select metric';
        });

        var targets = _.map(options.targets, function (target) {
          return {
            target: _this.templateSrv.replace(target.target, options.scopedVars, 'regex'),
            refId: target.refId,
            hide: target.hide,
            type: target.type || 'timeserie'
          };
        });

        options.targets = targets;


        return options;
      }
    }]);

    return GenericDatasource;
  }());

  _export('GenericDatasource', GenericDatasource);
}
  };
});

使用这个我们能够使数据源成功，但在grafana中创建仪表板时，我们无法显示任何数据，搜索也无法正常工作。 请大家帮忙解决这个问题。

提前致谢。