Highcharts动态且单独地更改标记

时间:2013-02-08 00:41:24

标签: javascript dynamic colors highcharts marker

我正在使用Highcharts,我想知道如何更改一些标记的设置(如symbollineWidthlineColorfillColor)一定数量的值取决于它们是否大于(或没有)阈值。

例如:http://jsfiddle.net/danielmorim/sxgL6/19/

我想更改所有此标记的所有温度数据的设置大于20°C且小于10°C。

2 个答案:

答案 0 :(得分:0)

您可以通过访问图形对象来修改lineCOlor / lineWidth,并通过attr()函数对其进行修改。

chart.series[0].graph.attr('stroke', 'red');
chart.series[0].graph.attr('stroke-width', 10);

答案 1 :(得分:0)

以下文档。你可以有你的系列: serie = [1, 2, 4, 5, 6, 7, 8];

此外,您可以使用对象而不是数字。此对象可以包含多个属性,例如:fillColorradiussymbol

因此,您可以使用以下内容修改系列中的特定元素:

serie[i] =  {
  y: serie1[i],         // This is the number 
  marker: {
    fillColor: 'red',
    radius: 5,
    symbol: 'url(https://www.highcharts.com/samples/graphics/snow.png)'
  }
}

您可以在此处找到文档: https://api.highcharts.com/highcharts/plotOptions.series.marker https://www.highcharts.com/demo/spline-symbols