2013-03-06 23 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

相關問題