首页echarts折线图模板

echarts折线图模板

时间: 2023-10-19 10:34:56 浏览: 95

您好！这是一个基本的 Echarts 折线图模板： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Echarts 折线图</title> <script src="https://cdn.jsdelivr.net/npm/echarts@5.2.0/dist/echarts.min.js"></script> </head> <body> <div id="chart" style="width: 600px; height: 400px;"></div> <script> // 初始化echarts实例 var myChart = echarts.init(document.getElementById('chart')); // 配置项 var option = { title: { text: '折线图示例' }, xAxis: { type: 'category', data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: { type: 'value' }, series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: 'line' }] }; // 使用配置项显示图表 myChart.setOption(option); </script> </body> </html> ``` 这个模板展示了一个简单的折线图，x 轴表示时间或类别，y 轴表示数值。您可以根据自己的数据和需求修改其中的代码。希望对您有帮助！如果还有其他问题，请随时提问。

阅读全文