用echarts折线图绘制3x3y图

ECharts是一个强大的JavaScript数据可视化库，可以用来创建各种图表，包括折线图。要使用它绘制一个3x3的折线图，你可以按照以下步骤操作：

1. **导入依赖**：首先，在HTML文件中引入ECharts的JS文件。

<script src="https://cdn.bootcdn.net/ajax/libs/echarts/5.4.0/echarts.min.js"></script>

2. **初始化图表**：然后，在需要放置图表的DOM元素上创建一个ECharts实例，并设置其宽度和高度。

var chart = echarts.init(document.getElementById('chartContainer'), 'line');
chart.resize();

3. **准备数据**：创建一个3x3的数据数组，表示三个维度（X轴），每个维度有三个点（Y轴）。

var data = [];
for (let i = 0; i < 3; i++) {
    data.push([i * 1, i * 2, i * 3]);
}

4. **配置选项**：设置折线图的基本配置，包括标题、坐标系等。

var option = {
    title: {
        text: '3x3折线图示例'
    },
    xAxis: {
        type: 'category',
        data: ['X1', 'X2', 'X3']
    },
    yAxis: {
        type: 'value'
    },
    series: [
        {
            name: 'Series 1',
            data: data[0]
        },
        // 添加其他两个系列...
    ]
};

5. **渲染图表**：最后，使用`setOption`方法将配置项传给图表进行渲染。

chart.setOption(option);

完成以上步骤后，你应该会看到一个3行3列的折线图。如果需要添加更多的系列，只需要在`series`部分添加更多的数据即可。