Question

我有一个HighCharts线图，用户可以使用此代码点击点：

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

我想更改所选点的颜色。

我知道我可以写：

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

但是，就我而言，我真的需要在click内执行此操作，我该怎么做？

Answer 1

您可以随时使用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引用用户点击的点时。正如你所看到的，我创作了一个自定义＆＃34; select＆＃34;具有一些自定义属性的状态，并在用户单击一个点时应用此状态。我还使用update来更改点标记属性，因此我确保该点在状态不再有效后保留新属性：

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

如何在Highcharts中更改所选点的颜色？

1 个答案: