echarts折线图怎么显示数据

要在 ECharts 中显示折线图的数据，你可以使用以下步骤：

1. 在 HTML 文件中引入 ECharts 的库文件和主题文件：

<script src="https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts-gl@1.2.1/dist/echarts-gl.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/echarts/theme/macarons.js"></script>

2. 创建一个具有指定 ID 的 DOM 元素来容纳图表：

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

3. 在 JavaScript 文件中使用 ECharts 的 API 来配置和绘制折线图：

// 初始化图表实例
var chart = echarts.init(document.getElementById('chart'), 'macarons');

// 配置图表选项和数据
var option = {
    xAxis: {
        type: 'category',
        data: ['Category 1', 'Category 2', 'Category 3', 'Category 4', 'Category 5']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        type: 'line',
        data: [10, 20, 30, 40, 50]
    }]
};

// 使用配置项和数据绘制图表
chart.setOption(option);

这个例子中，x 轴是类别轴， 轴是数值轴。`data` 数组存储了折线图的数据点。

你可以根据自己的需