我在一个页面中有多个图表,它们都使用相同的数据,但图表类型不同。我想改变他们所有的时间,只有一个导航器在顶部。像使用它作为一个日期选择器输入,我怎么能实现这一点?
nukf8bse1#
使用afterSetExtremes事件回调函数,并在剩余图表上应用相同的极值:
afterSetExtremes
xAxis: { events: { afterSetExtremes: function(e) { var min = e.userMin, max = e.userMax; chart1.xAxis[0].setExtremes(min, max, true, false); chart2.xAxis[0].setExtremes(min, max, true, false); } } }
现场演示:http://jsfiddle.net/BlackLabel/8gc9qwsp/API参考:
https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremeshttps://api.highcharts.com/highstock/xAxis.events.afterSetExtremes
1条答案
按热度按时间nukf8bse1#
使用
afterSetExtremes
事件回调函数,并在剩余图表上应用相同的极值:现场演示:http://jsfiddle.net/BlackLabel/8gc9qwsp/
API参考:
https://api.highcharts.com/class-reference/Highcharts.Axis#setExtremes
https://api.highcharts.com/highstock/xAxis.events.afterSetExtremes