2013-03-06 45 views
1

使用Highchart我想通过点击来选择系列和改变选择它的宽度(所以我们可以看到它被选中)Highchart - 设置线型(宽度,颜色...)上选择

事情是,选择似乎工作(它切换控制台中显示的选定值),但我不知道如何设置从单击事件的lineWidth:

该示例正在努力选择系列:

line: { 
    events: { 
     click: function(event) { 

      this.select(); 
         console.log(this.name+", selected : "+ this.selected); 
      return false; 
     } 
    } 
} 

我也可以显示/隐藏系列,但是我怎样才能改变li neWidth? 我设法只显示所选系列的工具提示,但我需要这些系列比其他系列更易于看到。

我试图在一系列加选择状态,它的工作原理上的标记,但它似乎并没有对线上工作:

   series: { 
        states: { 
          select: { 

           lineWidth: 10 
          } 
        }, 
          ... 
       } 

回答

1

使用setState代替。

this.setState(this.state === 'select' ? '' : 'select'); 

Demo

+0

应该适合我感谢需求。但它不会将系列设置为选中状态,我也将其与图例中的复选框一起使用。我想我必须从选择框中更改选择事件中的选择状态? – Guian 2013-03-06 18:23:05

+0

还有一个问题,我们可以在你附加的演示中看到它:当鼠标移动时,选择状态不应该改变,当其他系列获得悬停状态时...请参阅我的介绍? – Guian 2013-03-07 09:05:41

+0

我想这是因为当我的鼠标离开这条线时,状态改变以消除悬停状态...但它不应该删除选定的状态......任何方式来禁用悬停机制?我并不需要它。 – Guian 2013-03-07 09:30:25