Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs Highstock多图表单导航器_Reactjs_Highcharts_Navigator_React Highcharts - Fatal编程技术网

Reactjs Highstock多图表单导航器

Reactjs Highstock多图表单导航器,reactjs,highcharts,navigator,react-highcharts,Reactjs,Highcharts,Navigator,React Highcharts,如果多个图表共享相同的时间范围,是否有一种已知的方法可以让一个导航器控制多个图表?是的,您只需要连接图表中的设置极端过程,例如: const chart1 = Highcharts.stockChart('container', { ... }); Highcharts.stockChart('container2', { ..., xAxis: { ..., events: { setExtremes: func

如果多个图表共享相同的时间范围,是否有一种已知的方法可以让一个导航器控制多个图表?

是的,您只需要连接图表中的设置极端过程,例如:

const chart1 = Highcharts.stockChart('container', {
    ...
});

Highcharts.stockChart('container2', {
    ...,
    xAxis: {
        ...,
        events: {
            setExtremes: function(e) {
                chart1.xAxis[0].setExtremes(e.min, e.max, true, false);
            }
        }
    }
});

现场演示:

API参考: