echarts时间轴同时控制两张图

ECharts是一个强大的JavaScript图表库，如果你想在同一时间轴上控制两张图，可以使用它的联动功能。首先，你需要创建两个独立的时间序列图表，比如`echarts1`和`echarts2`。然后，设置它们都共享同一个时间轴，通过设置它们的`xAxis`配置中的`type`为`category`并且`data`来自同一个数据源。

这是一个简单的步骤示例：

// 创建图表实例
var myChart1 = echarts.init(document.getElementById('chart1'));
var myChart2 = echarts.init(document.getElementById('chart2'));

// 设置共同的时间轴数据
var timeData = ...; // 你的时间数据

// 定义时间轴配置
var xAxisOption = {
    type: 'category',
    data: timeData,
};

// 分别设置每个图表的x轴配置
myChart1.setOption({
    xAxis: xAxisOption,
    series: [...], // 图表1的数据系列
});
myChart2.setOption({
    xAxis: xAxisOption,
    series: [...], // 图表2的数据系列
});

// 联动时间轴更新
function updateCharts() {
    var xAxisCurrent = myChart1.getXAxis();
    xAxisCurrent.data = timeData;
    myChart1.setOption({ xAxis: xAxisOption });
    myChart2.setOption({ xAxis: xAxisOption });
}

// 当时间数据变化时调用updateCharts函数
yourTimeDataSource.on('dataChanged', updateCharts);