Question

在自定义蜡烛图上，我们需要基于链接到该蜡烛图的随机序列中的值来编辑蜡烛颜色。

寻找一种方法来捕获Kvalue和Dvalue并根据这些值实现一些颜色。类似于以下内容：

    if (Kvalue < Dvalue && Kvalue < 80) {
        color = 'red';
    }

Answer 1

您可以在将数据传递到Highcharts之前计算这些颜色：

data: [{
    x: 1,
    open: 9,
    high: 2,
    low: 4,
    close: 6,
    name: "Point2",
    color: "#00FF00"
}, {
    x: 1,
    open: 1,
    high: 4,
    low: 7,
    close: 7,
    name: "Point1",
    color: "#FF00FF"
}]

https://api.highcharts.com/highstock/series.candlestick.data

Answer 2

可以简单地使用加载事件回调和更新通过条件的点来完成。查看下面发布的演示和代码。

代码：

  chart: {
    events: {
        load: function () {
        var chart = this,
            period = chart.series[1].options.params.period,
          mainSeries = chart.series[0],
          index,
          K,
          D;

        chart.series[1].processedYData.forEach(function (data, i) {
          K = data[0];
          D = data[1];

          if (K < D && K < 80) {
            index = i + period - 1;

            mainSeries.points[index].update({
                color: 'red'
            });
          }
        });
      }
    }
  }

演示：

https://jsfiddle.net/BlackLabel/0k1gy49n/

API参考：

根据随机值更改蜡烛颜色

2 个答案: