Javascript 如何更改Highcharts中选定点的颜色?
我有一个HighCharts折线图,用户可以在其中使用以下代码单击点:Javascript 如何更改Highcharts中选定点的颜色?,javascript,highcharts,Javascript,Highcharts,我有一个HighCharts折线图,用户可以在其中使用以下代码单击点: plotOptions: { series: { point: { events: { click: function(event) { // some processing } ... 我要更改选定点的颜色 我知道我可以写: marker: { states: { s
plotOptions: {
series: {
point: {
events: {
click: function(event) {
// some processing
}
...
我要更改选定点的颜色
我知道我可以写:
marker: {
states: {
select: {
fillColor: 'red',
...
但是,在我的情况下,我真的需要在
单击中执行此操作,如何执行此操作?您可以始终使用更新功能:
plotOptions:{
series:{
marker:{
states:{
select:{
lineColor:'red',
fillColor:'red'
}
}
},
point:
{
events:{
click: function(){
this.setState("select");
this.update({
marker:{
fillColor:'red',
lineColor:'red',
}
})
}
}
}
}
},
当时,此
指的是用户单击的点。
如您所见,我用一些自定义属性组成了一个自定义“选择”状态,并在用户单击某个点时应用了该状态。我还使用了update
来更改点标记属性,因此我确保该点在状态不再处于活动状态后保留新属性:
组合setState()
和update()
确实非常有趣。然而,我有一个问题:玩你的小提琴,我不明白为什么仍然需要标记:{states:{select
。你能对此进行一些说明吗?如果你直接做点。update
Hey@M.Page,我使用state属性,因为在“常规”中图表,Highcharts将应用它自己的select
proprety(当点击事件被触发时)。我添加这些行是为了覆盖这些属性并应用我自己的属性…最好也详细说明一下为什么要自己在点击事件上显式处理它