一个页面多个echarts折线图

可以在一个页面上使用多个echarts折线图，只需要在HTML页面中引入多个echarts实例，每个实例对应一个折线图。

例如，你可以在HTML页面中添加两个div元素，分别对应两个echarts实例，然后在JavaScript中初始化这两个实例，分别绑定到对应的div元素上，最后分别通过ajax获取数据，渲染成两个折线图。

以下是一个简单的示例代码：

HTML代码：

<div id="chart1" style="width: 600px;height:400px;"></div>
<div id="chart2" style="width: 600px;height:400px;"></div>

JavaScript代码：

// 初始化echarts实例
var chart1 = echarts.init(document.getElementById('chart1'));
var chart2 = echarts.init(document.getElementById('chart2'));

// ajax获取数据并渲染折线图
$.ajax({
    url: 'data1.json',
    success: function (data) {
        chart1.setOption({
            title: {
                text: '折线图1'
            },
            tooltip: {},
            xAxis: {
                data: data.categories
            },
            yAxis: {},
            series: [{
                name: '数据1',
                type: 'line',
                data: data.data1
            }, {
                name: '数据2',
                type: 'line',
                data: data.data2
            }]
        });
    }
});

$.ajax({
    url: 'data2.json',
    success: function (data) {
        chart2.setOption({
            title: {
                text: '折线图2'
            },
            tooltip: {},
            xAxis: {
                data: data.categories
            },
            yAxis: {},
            series: [{
                name: '数据1',
                type: 'line',
                data: data.data1
            }, {
                name: '数据2',
                type: 'line',
                data: data.data2
            }]
        });
    }
});

注意，以上代码仅供参考，实际使用需要根据自己的数据格式和需求进行修改。