我已經使用High-Stocks圖表。我希望圖表的x軸日期格式可以在一週或一個月或一年中表示,具體取決於用戶選擇(單選按鈕中給出)。我該怎麼做?。 一個鏈接!在這個我已經保存了幾個星期,幾個月,幾年的單選按鈕。Highstocks candlesticksandvolume datetime
-2
A
回答
0
在開始時,您需要爲您輸入名稱並刪除id(在html中,您不應使用具有相同ID的元素)。
下一步是捕捉單選按鈕上的單擊事件並提取xAxis(最小值和最大值)上的極值。如果你有這個問題,你應該計算你需要延遲多少天,從最後一點開始(以毫秒爲單位),並且調用setExtremes來應用新的範圍。
例子:http://jsfiddle.net/hdt9yqff/2/
$('input[name="crange"]').click(function() {
var chart = $('#container').highcharts(),
xAxis = chart.xAxis[0],
extremes = xAxis.getExtremes(),
index = parseFloat($(this).val()),
range;
switch (index) {
case 0: //week
range = 7 * 24 * 3600 * 1000; //7 days
break;
case 1:
range = 31 * 24 * 3600 * 1000; //31 days
break;
case 2:
range = 3 * 31 * 24 * 3600 * 1000; //quark days
break;
case 3: //year
range = 365 * 24 * 3600 * 1000; //1 year
break;
}
xAxis.setExtremes(extremes.max - range, extremes.max);
});
+0
有些月份有30天,有些月份有31天等等..我怎樣才能識別它。如果選擇1個月,我將只在圖表中顯示飛蛾數據 –
相關問題
- 1. highcharts vs highstocks - compatible?
- 2. HighStocks Array系列
- 3. maxstockding on highstocks
- 4. Highstocks 1M縮放不活躍
- 5. Highcharts(Highstocks) - clickable flag images
- 6. HighStocks不更新URL
- 7. 顯示X軸差距 - Highstocks
- 8. 爲什麼HighStocks蜱計算不均勻?被傳遞到HighStocks
- 9. highstocks圖表顯示額外的月份
- 10. 我如何禁用highstocks
- 11. HighCharts/HighStocks不滾動移動
- 12. HighStocks改變AJAX參數
- 13. HighStocks系列數據格式
- 14. Highstocks,line missing,but data is there
- 15. HighStocks固定Xaxis 30分鐘間隔
- 16. 更改highstocks中的標記線顏色
- 17. 處理Highstocks中的傳奇溢出
- 18. 以編程方式顯示Highstocks圖例
- 19. Highstocks - 如何更改默認縮放
- 20. Highstocks更新日期範圍選擇器
- 21. 安裝Highstocks for Rails應用程序
- 22. Highstocks時代與時區不匹配
- 23. 如何解決highstocks錯誤#15
- 24. 與Highstocks/Highcharts jQuery日期選擇器
- 25. Highcharts highstocks - 雙圖表軸問題
- 26. Highstocks圖表中的相對時間
- 27. 每個類別的highstocks中的網格線
- 28. DateTime,DateTime?和LINQ
- 29. datetime varchar yyyymmdd_hhmiss到datetime
- 30. .NET DateTime to BizTalk DateTime
我的代碼是在https://jsfiddle.net/hdt9yqff/1 –