有一个data_lines数组，它里面存放了多条路线的路线id，路线名称，路线经过的点的id（这些点都在echarts图表上）。请问如何把这些路线都显示在echarts图表上？请给出具体代码。

要将`data_lines`数组中的路线显示在ECharts图表上，你需要先了解ECharts的基本配置和如何使用GeoJSON数据格式。以下是一个基本的步骤和代码示例，用于在ECharts图表上显示路线：

1. 准备ECharts的初始化代码。
2. 准备GeoJSON格式的路线数据。
3. 使用`setOption`方法将路线数据添加到ECharts实例中。

这里是一个简单的示例代码：

// 初始化ECharts实例
var myChart = echarts.init(document.getElementById('main'));

// 假设data_lines是一个包含路线数据的数组，每个对象包含路线id，名称和点的id
var data_lines = [
    { id: 'route1', name: '路线1', points: [102, 103, 104, 105] },
    { id: 'route2', name: '路线2', points: [106, 107, 108, 109] },
    // ... 其他路线数据
];

// 将data_lines转换为ECharts所需的GeoJSON格式
var geoCoordMap = {
    '102': [120, 22.2],
    '103': [125, 22.5],
    '104': [130, 22.8],
    '105': [135, 23.1],
    '106': [140, 23.4],
    '107': [145, 23.7],
    '108': [150, 24.0],
    '109': [155, 24.3],
    // ... 其他点的坐标
};

var lineData = [];
data_lines.forEach(function (route) {
    var coordinates = route.points.map(function (pointId) {
        return geoCoordMap[pointId];
    });
    lineData.push({
        type: 'polyline',
        coordinates: coordinates,
        effect: {
            show: true,
            period: 4,
            trailLength: 0.3,
            symbol: 'circle',
            symbolSize: 3
        },
        name: route.name
    });
});

// 准备ECharts所需的GeoJSON数据结构
var geoJson = {
    type: 'FeatureCollection',
    features: lineData
};

// 设置ECharts图表的配置
var option = {
    geo: {
        map: 'china',
        roam: false,
        zoom: 1.2,
        label: {
            emphasis: {
                show: false
            }
        },
        itemStyle: {
            normal: {
                borderColor: '#fff',
                borderWidth: 1,
                areaColor: '#323c48',
                color: '#323c48'
            },
            emphasis: {
                areaColor: '#2a333d'
            }
        }
    },
    series: [
        {
            name: '路线',
            type: 'lines',
            coordinateSystem: 'geo',
            data: geoJson,
            lineStyle: {
                normal: {
                    color: '#00f',
                    width: 1,
                    opacity: 0.7
                }
            }
        }
    ]
};

// 应用图表配置并显示图表
myChart.setOption(option);

在这段代码中，我们首先定义了一个`data_lines`数组，它包含了路线的id、名称和经过点的id。然后我们通过一个映射`geoCoordMap`将点的id转换为具体的经纬度坐标。接着，我们将路线数据转换成GeoJSON格式，最后通过`setOption`方法将这些数据添加到ECharts实例中，并显示在地图上。

确保在运行上述代码之前，你已经正确引入了ECharts库，并且你的HTML文件中有一个`id`为`main`的DOM元素。