Javascript Highcharts:更改图例符号运行时
具有带有自定义标记/图标的“散点图”:Javascript Highcharts:更改图例符号运行时,javascript,highcharts,Javascript,Highcharts,具有带有自定义标记/图标的“散点图”: series: [{ marker: { symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)' } }] 当取消选择数据系列时,是否有方法替换图例图标 i、 e.使用“sun_disabled.png”您必须执行更新调用以更改某些事件的标记 您可以在plotOptions.series.events.legendItem中执行此操作。如果仅使用图例项显示/
series: [{
marker: {
symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
}
}]
当取消选择数据系列时,是否有方法替换图例图标
i、 e.使用“sun_disabled.png”您必须执行
更新
调用以更改某些事件的标记
您可以在plotOptions.series.events.legendItem中执行此操作。如果仅使用图例项显示/隐藏序列,请单击。例如():
如果可以使用hide()
和show()
函数调用显示/隐藏序列,则可以使用series.events.hide
和series.events.show
执行相同的操作。例如():
您必须执行update
调用来更改某些事件的标记
您可以在plotOptions.series.events.legendItem中执行此操作。如果仅使用图例项显示/隐藏序列,请单击。例如():
如果可以使用hide()
和show()
函数调用显示/隐藏序列,则可以使用series.events.hide
和series.events.show
执行相同的操作。例如():
正是我想要的。谢谢,正是我想要的。非常感谢。
plotOptions: {
series: {
events: {
legendItemClick: function(event) {
var imageName = (this.visible ? 'snow' : 'sun');
this.update({
marker: {
symbol: 'url(http://www.highcharts.com/demo/gfx/'+ imageName +'.png)'
}
});
}
}
}
}
series: [{
events: {
hide: function() {
this.update({
marker: {
symbol: 'url(http://www.highcharts.com/demo/gfx/snow.png)'
}
});
},
show: function() {
this.update({
marker: {
symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
}
});
}
},
marker: {
symbol: 'url(http://www.highcharts.com/demo/gfx/sun.png)'
},
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}]