动态标记颜色图表

时间:2019-02-11 14:17:43

标签: javascript highcharts

我不熟悉Highcharts,因此将不胜感激。

见我的小提琴here 是否可以根据yaxis值更改标记颜色。我尝试使用区域,但它也填充了下面的区域,并自行排列了我不希望的区域。

在这种情况下,我希望所有99.9以下的标记都变为红色。是否有可能使用plotOptions并以某种方式获取yaxis值。有人可以指出正确的语法或其他方法来实现此目的,因为我遇到了Uncaught ReferenceError:未定义图表。

      plotOptions: {
    series: {

      marker: {
        //fillColor: chart.get('y-axis') <=99.9 ? "yellow" : "blue"


      }
    }
  },

谢谢。

1 个答案:

答案 0 :(得分:1)

您可以为每个点定义marker选项:

    data.forEach(function(el, i) {
        data[i] = {
            x: el[0],
            y: el[1],
            marker: {
                fillColor: el[1] <= 99.9 ? "yellow" : "blue"
            }
        }
    });

实时演示:https://jsfiddle.net/BlackLabel/yjpgqcvw/

API:https://api.highcharts.com/highcharts/series.line.data.marker