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

时间:2014-12-20 14:14:25

标签: javascript highcharts

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

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

我想更改所选点的颜色。

我知道我可以写:

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

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

1 个答案:

答案 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来更改点标记属性,因此我确保该点在状态不再有效后保留新属性:

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