我有一个HighCharts线图,用户可以使用此代码点击点:
plotOptions: {
series: {
point: {
events: {
click: function(event) {
// some processing
}
...
我想更改所选点的颜色。
我知道我可以写:
marker: {
states: {
select: {
fillColor: 'red',
...
但是,就我而言,我真的需要在click
内执行此操作,我该怎么做?
答案 0 :(得分:2)
您可以随时使用update
功能:
plotOptions:{
series:{
marker:{
states:{
select:{
lineColor:'red',
fillColor:'red'
}
}
},
point:
{
events:{
click: function(){
this.setState("select");
this.update({
marker:{
fillColor:'red',
lineColor:'red',
}
})
}
}
}
}
},
当this
引用用户点击的点时。
正如你所看到的,我创作了一个自定义" select"具有一些自定义属性的状态,并在用户单击一个点时应用此状态。我还使用update
来更改点标记属性,因此我确保该点在状态不再有效后保留新属性: