2013-09-26 37 views
3

我的圖表的xAxis以天(xAxisType = dateTime)表示。以編程方式啓動Highcharts縮放(選擇後)

我修改選擇事件(縮放)並取決於所選天數,重新計算圖表數據並將xAxis更改爲小時(而不是天)。如果我們在新圖表中進行另一次選擇(數據重新計算和xAxis更改爲十分鐘而不是幾小時),則會發生同樣的過程。

想象一下,我們的日期從2月1日到2月25日在圖表中。如果我們選擇2月2日和3日,新的重新計算的數據會在xAxis中顯示幾小時(現在我們已在xAxis中從2月2日00:00至2月3日23:00,48次)。如果我們再次選擇新的時間段(例如從2月2日的7:00到2月2日的10:00),新的重新計算的數據會顯示出來,但xAxis會顯示10分鐘的時間。重要的是關於最後一件事情,全天顯示(24小時內分十分鐘滴答)不僅是選定的時期。

問題是,在最後一次選擇(以編程方式)後選擇期間(從2月2日07:00到2月10日10:00),是否有任何啓動定期Highcharts縮放的方法?

這樣,直接出現選定的時間段,而不是整天,我有機會推按鈕「重置變焦」,並獲得一整天(我現在有)。

我在Dojo中使用Highcharts。

+1

簡單'this.xAxis [0] .setExtremes(最小值,最大值)沿點擊方式,所有的事件;'沒有按」工作?另請參閱[本示例](http://api.highcharts.com/highcharts#chart.events.selection)。 –

+0

工程,但重置縮放按鈕消失,我需要它。我該如何維護按鈕? –

回答

14

設置極端使用:

this.xAxis[0].setExtremes(min,max); 
this.showResetZoom(); 
1

即時猜測你需要programaticaly復位變焦。這是啓用默認highcharts縮放重置標籤的更好選擇。因爲那需要額外的冗餘步驟。

this.zoom() 

謝謝。

+0

那裏你去陛下。 –

0

看起來像this.zoom()不會觸發chart.events.selection事件。

如果您需要重置變焦和觸發「復位鍵」編程

$('.highcharts-button').click();