动态标记颜色highcharts

问题描述 投票:0回答:1

我是新来highcharts所以任何帮助将不胜感激。

见我的小提琴here是否可以基于Y轴值改变标识的颜色。我尝试使用区,但是这还罢了下方区域和线路本身,我不想。

在这种情况下,我想这是在99.9变成红色的所有标记。是否有可能使用plotOptions并以某种方式获得y轴的值。有人能指出我正确的语法或其他方式来实现这一点,因为我得到未捕获的ReferenceError:图表没有定义。

      plotOptions: {
    series: {

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


      }
    }
  },

谢谢。

javascript highcharts
1个回答
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

© www.soinside.com 2019 - 2024. All rights reserved.