2015-11-22 33 views
-2

我正在http://tradingderivatives.nl/DAX-root.html上工作。明顯的問題:滑動緩慢。這背後的原因是,選擇左側的索引到100必須通過在Javascript中顯式編碼完成 - 至少,我沒有找到一個更好的方法來做到這一點。 Google Vizualisation庫文件也很慢 - 比Dygraphs註釋時間軸慢得多。Dygraphs的索引圖功能請求

我在dygraphs online gallery中找到了範圍選擇器的例子。這幾乎是我需要的 - 除了圖表左側的自動索引爲100。

問題/功能要求:

  • 有沒有辦法有圖形自動索引到100?這種索引將使Dygraphs突然成爲在任何時間範圍內比較不同數據集的趨勢的理想選擇!涼。即使放大到全部數據範圍的選定數據後,我也需要重新建立索引。

  • 可以按照目前在http://tradingderivatives.nl/DAX-root.html中所做的那樣對圖的一部分下面的區域着色?這樣我就不必使用三個數據系列。這個技巧從DAX頁面的代碼中很清楚。突出的曲線圖的部分被支撐在Dygraphs,着色的曲線圖下面被支撐,但每個數據段條件突出顯示似乎是不支持的 - 這是具有自動索引一道,100

回答

1

最簡單的方法參見如何通過使用底墊插件具有圖形自動索引100的炊帚例如: https://github.com/danvk/dygraphs/blob/master/tests/straw-broom.html

<script src="../dist/dygraph.js"></script> 
<script src="../src/extras/rebase.js"></script> 
<script> 
    ... 
    var rebase = new Dygraph.Plugins.Rebase(100); 
    new Dygraph(chartDiv, stockData, { plugins: [rebase] }); 
</script>