Javascript Highcharts动态地和单独地更改标记

Javascript Highcharts动态地和单独地更改标记,javascript,dynamic,colors,highcharts,marker,Javascript,Dynamic,Colors,Highcharts,Marker,我正在使用Highcharts,我想知道如何更改一些标记的设置(如symbol、lineWidth、lineColor和fillColor),这些设置取决于它们是否大于阈值 例如: 我想更改所有温度数据大于20°C且小于10°C时此标记的所有设置。您可以通过访问图形对象修改线条颜色/线条宽度,并通过attr()函数进行修改 chart.series[0].graph.attr('stroke', 'red'); chart.series[0].graph.attr('stroke-width',

我正在使用Highcharts,我想知道如何更改一些标记的设置(如
symbol
lineWidth
lineColor
fillColor
),这些设置取决于它们是否大于阈值

例如:


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

您可以通过访问图形对象修改线条颜色/线条宽度,并通过attr()函数进行修改

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

以下文件。您可以选择您的意甲:

系列=[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)'
  }
}
您可以在此处找到文档: