javascript - 如何更改 Highcharts 中选定点的颜色？

Question

我有一个 HighCharts 线图，用户可以使用以下代码在其中单击点:

 plotOptions: {
     series: {
        point: {
           events: {
              click: function(event) {
               // some processing
              }
 ...

我想改变所选点的颜色。

我知道我可以写:

marker: {
   states: {
      select: {
         fillColor: 'red',
...

但是，就我而言，我确实需要在 click 中执行此操作，我该怎么做？

Answer 1

您始终可以为此使用更新函数:

    plotOptions:{
        series:{
            marker:{
                states:{
                    select:{
                        lineColor:'red',
                        fillColor:'red'
                    }
                }
            },
            point:
            {
              events:{
                  click: function(){
                      this.setState("select");
                      this.update({
                          marker:{
                              fillColor:'red',
                              lineColor:'red',
                          }
                      })
                  }
               }
            }
        }
    },

当 this 指的是用户点击的点时。如您所见，我使用一些自定义属性组成了自定义“选择”状态，并在用户单击某个点时应用此状态。我还使用了 update 来更改点标记属性，因此我确保点在状态不再事件后保留新属性:

http://jsfiddle.net/gprevqdf/2/