javascript - Highcharts 动态且单独地更改标记

Question

我正在使用 Highcharts，我想知道如何根据它们是否更大（或不是）阈值来更改一定数量值的一些标记设置（如symbol、lineWidth和）。lineColorfillColor

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

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

Answer 1

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

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

Answer 2

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

此外，您可以使用对象而不是数字。此对象可以具有多个属性，例如：fillColor, radius, symbol.

因此，您可以通过以下方式修改 serie 中的特定元素：

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