我在一頁上有多個圖表。這些圖表的目標是將圖表同步到一個范圍選擇器(最好是允許預定義時間選擇的自定義范圍選擇器~1 天、~7 天、~30 天等)。類似于 Grafana 的東西及其布局。
想象一下下面的布局
---- Range Selector ----
||||||||||||||||||||||||
------- Graph 1 --------
||||||||||||||||||||||||
------- Graph 2 --------
我已經在 Highcharts 論壇上搜索了答案并在檔案中找到了除了使用API 參考之外的任何內容master-detail
如果有人嘗試過類似的事情,或者看到另一個可以更好地幫助我朝著我希望的方向發展的框架,我們將不勝感激。
uj5u.com熱心網友回復:
您需要做的就是使用setExtremes方法將導航器范圍與 x 軸極值連接起來。下面的示例使用的是來自 Highstock 的導航器。
xAxis: {
...,
events: {
afterSetExtremes: function(e) {
chart1.xAxis[0].setExtremes(e.min, e.max, true, false);
chart2.xAxis[0].setExtremes(e.min, e.max, true, false);
}
}
}
現場演示: http : //jsfiddle.net/BlackLabel/4Lfegyqa/
API 參考: https : //api.highcharts.com/class-reference/Highcharts.Axis#setExtremes
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/354000.html
標籤:javascript 高图
