如何在Highcharts Solid Gauges图表中强制一个特定的系列忽略止损点着色

1l5u6lss  于 2023-06-23  发布在  Highcharts
关注(0)|答案(1)|浏览(128)

是否有可能强制一个特定的系列忽略固体 Jmeter 停止?在下面的例子中,我想系列RMPX(第二个)不会是橙子,而是灰色。

yAxis: {
    stops: [
        [0.1, '#55BF3B'], // green
        [0.5, '#DDDF0D'], // yellow
        [0.9, '#DF5353'] // red
      ]
 }

https://jsfiddle.net/DuFuS/35vx9rpy/

hc2pp10m

hc2pp10m1#

没有现成的API选项,但您可以轻松扩展Highcahrts来实现这一点。下面是示例wrap:

(function(H) {
  H.wrap(H.seriesTypes.solidgauge.prototype, 'drawPoints', function(p) {
    let ret = p.apply(this, Array.prototype.slice.call(arguments, 1));
    let series = this;
    if (series.options.ignoreStops) {
      series.points.forEach(point => {
        if (point.graphic) {
          var color = series.options.fillColor;
          if (color !== 'none') {
            point.graphic.css({
              fill: color
            });
          }
        }
      })
    }
    return ret;
  });
})(Highcharts);

将属性包含到系列配置中并定义颜色:

series: [{
    ignoreStops: true,
    fillColor: 'grey',
    ...
}]

Demo:https://jsfiddle.net/BlackLabel/uxL7zqtc/

关于扩展Highcahrts的更多信息:https://www.highcharts.com/docs/extending-highcharts/extending-highcharts

相关问题