Javascript 在highcharts中呈现和导航多个图表

Javascript 在highcharts中呈现和导航多个图表,javascript,plot,charts,highcharts,Javascript,Plot,Charts,Highcharts,我正在做一个练习,在一页中绘制多个图表。我想使用导航器浏览这些数据 有没有一种方法可以让我更顺利地同时浏览10多个图表? 我拥有的图表越多,它就变得越迟钝 此外,如果数据集变得太大,则在移动导航器时,数据似乎会跳出打印区域,而不是在打印区域外缓慢转换 请看 事件后的函数(事件){ var globalMax=event.max; var globalMin=event.min; 对于(var i=0;i

我正在做一个练习,在一页中绘制多个图表。我想使用导航器浏览这些数据

有没有一种方法可以让我更顺利地同时浏览10多个图表? 我拥有的图表越多,它就变得越迟钝

此外,如果数据集变得太大,则在移动导航器时,数据似乎会跳出打印区域,而不是在打印区域外缓慢转换

请看

事件后的函数(事件){
var globalMax=event.max;
var globalMin=event.min;
对于(var i=0;i

运行似乎能够平稳地平移。(点一点一点地移出观察窗口)

似乎很难顺利地进行平移。我看到的效果是,卡盘数据被移出了查看窗口,而不是按点进行转换

**单击超链接以查看视频**


对此的任何建议都将不胜感激。谢谢

请尝试设置为false。导航器拖动时,图表将不会不断重新渲染。如果“冻结”太长,您可以添加某种加载动画-您可以使用setExtremes和aferSetExtremes来实现。我无法用跳出数据重现此问题。请参阅ex在视频中,当只有三个图表在运行时,例如平移。数据似乎能够逐点从查看窗口中转换出来。其中,作为平移,数据会从查看中分块转换出来。将liveRedraw设置为false。您可以在github tracker上打开一张票据,并描述此练习的问题,我需要具有liveRedraw功能。
function afterSetExtremes(event) {
var globalMax = event.max;
var globalMin = event.min;

for (var i = 0; i < charts.length; i++) {
  charts[i].xAxis[0].setExtremes(globalMin, globalMax, true, false);
}