Echart 多个折线图不同名,共用一个Y轴如何实现

ECharts是一个流行的JavaScript图表库，用于创建交互式的数据可视化。如果你想在一个ECharts实例中添加多个折线图，并共享同一个Y轴，你可以按照以下步骤操作：

1. 首先，在初始化ECharts时，设置一个共同的基础配置，包括Y轴的定义、数据区域（grid）、图表容器等。

var myChart = echarts.init(document.getElementById('main'));
myChart.setOption({
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    yAxis: [
        {
            type: 'value',
            name: ''
        }
    ],
});

2. 然后，对于每个折线图，你需要单独设置X轴、系列（series）以及各自的颜色或标识符（name），同时引用共享的Y轴。

var seriesList = [];
seriesList.push({
    name: 'Series 1', // 可以给每个折线图命名
    data: [...],
    type: 'line'
});

// 添加更多折线图...
seriesList.push({
    name: 'Series 2',
    data: [...],
});

myChart.addSeries(seriesList);

通过这种方式，ECharts会自动识别并合并所有的`yAxis`元素，使得它们显示在同一根轴上。每个折线图有自己的`name`属性，可以在图表下方的图例中区分它们。