動態按鈕背景變化

Question

我想知道這是否可能： 我已經添加了我自己的按鈕（請參見下文），現在我想知道是否可以在點擊後動態更改按鈕背景顏色。 這個想法是模擬複選框啓用/禁用。

exporting: { 
     enabled: true, 
     buttons: { 
      'realTimeButton': { 
       id: 'realTimeButton', 
       symbol: 'diamond', 
       x: -62, 
       symbolFill: '#B5C9DF', 
       hoverSymbolFill: '#779ABF', 
       _titleKey: "realTimeButtonTitle", 
       onclick: function() { 
        // handle change to real time 
        if (enable_lastRoundsChart_realtime) 
        { 
         enable_lastRoundsChart_realtime = 0; 
        } 
        else 
        { 
         enable_lastRoundsChart_realtime = 1; 
        } 
       } 
      } 
     } 

Answer 1

這不可能以簡單的方式，但您可以使用渲染器來準備自己的按鈕和懸停/按下樣式。

http://jsfiddle.net/AvpDk/

normalState = new Object(); 
    normalState.stroke_width = null; 
    normalState.stroke = null; 
    normalState.fill = null; 
    normalState.padding = null; 
    normalState.r = null; 

    hoverState = new Object(); 
    hoverState = normalState; 
    hoverState.fill = 'red'; 

    pressedState = new Object(); 
    pressedState = normalState; 

    var custombutton = chart.renderer.button('button', 74, 10, function(){ 
     alert('aaa'); 
    },null,hoverState,pressedState).add();