Javascript Highcharts动态地和单独地更改标记
我正在使用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',
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)'
}
}
您可以在此处找到文档: