2011-12-02 66 views
1

我使用HighStock股票圖表庫生成基本的OHLC股票圖表。我想在生成圖表時(以及通過更改顯示的時間範圍重新生成圖表後)執行一些操作。我正在嘗試使用plotOptions.ohlc.events.show事件(documentation)執行此操作。HighCharts Stock Chart圖表重繪時發生火災事件?

我遇到的問題是偶數根本沒有射擊。如果我按照example for the click event,當點擊該系列時警報會正確啓動。

var chart = new Highcharts.StockChart({ 
    chart: { 
     renderTo: 'divChart', 
     height: 450 
    }, 

    rangeSelector: { 
     selected: 2 
    }, 

    xAxis: { 
     maxZoom: 14 * 24 * 3600000 
    }, 

    yAxis: [{ 
     title: { 
      text: 'OHLC' 
     }, 
     height: 200, 
     lineWidth: 2 
    }, { 
     title: { 
      text: 'Volume' 
     }, 
     top: 250, 
     height: 100, 
     offset: 0, 
     lineWidth: 2 
    }], 

    title: { 
     text: 'Stock Chart' 
    }, 

    series: [{ 
     type: 'ohlc', 
     name: 'Prices', 
     id: 'prices', 
     data: ohlc 
    }, { 
     type: 'column', 
     name: 'Volume', 
     data: volume, 
     yAxis: 1 
    }], 

    // The event I am trying to bind to 
    plotOptions: { 
     series: { 
      events: { 
       show: function() { 
        alert("show"); 
       } 
      } 
     } 
    } 
}); 
  • 這是當圖表重繪觸發事件的正確方法?
  • 如果是這樣,爲什麼事件不會觸發,我該如何解決?

回答

6

更改圖表部分類似

chart: { 
     renderTo: 'container', 
     events: { 
      redraw: function(){ // or load - refer to API documentation 
      alert('Chart Loaded'); 
      } 
     } 
    }, 

他們已經有了一個很好的API瀏覽器的東西 - 可能會派上用場 http://www.highcharts.com/ref/#chart-events--load

+0

感謝。我在正確的軌道上,錯過了重繪事件。 –

+0

新鏈接轉到此處[http://api.highcharts.com/highstock#chart.events.load] –