echart 单个x轴多数据来源

ECharts是一个强大的JavaScript图表库，它支持在一个X轴上展示来自多个数据源的数据。当你需要对比或组合多个数据集在同一坐标系内时，可以利用ECharts的混合数据系列（Multiple Series with Different Data Sources）特性。

例如，你可以创建一个`line`图表示一个趋势，同时添加一个`bar`图来显示具体的数值。在配置中，设置两个独立的数据数组分别对应这两个图形，并将它们关联到相同的`xAxis`：

option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E'], // 共享的X轴标签
    },
    series: [
        {
            name: '趋势线',
            type: 'line',
            data: [120, 200, 150, 80, 90], // 第一组数据
        },
        {
            name: '具体值',
            type: 'bar',
            data: [110, 140, 170, 70, 85], // 第二组数据
        }
    ]
};

在这个例子中，ECharts会自动处理数据映射和合并，使得X轴的刻度保持一致。如果你想自定义数据映射，也可以通过`series.data`的索引来指定对应的类别。