首页使用Echarts绘制折线图（显示一周的天气温度，温度数值为20、18、24、33、19、23、27），粘贴代码和图形截图

使用Echarts绘制折线图（显示一周的天气温度，温度数值为20、18、24、33、19、23、27），粘贴代码和图形截图

时间: 2023-10-20 21:39:09 浏览: 198

以下是使用 Echarts 绘制折线图的代码和图形截图： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Echarts 折线图示例</title>  <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> </head> <body>  <div id="myChart" style="width: 600px;height:400px;"></div> <script> // 初始化 Echarts 实例 var myChart = echarts.init(document.getElementById('myChart')); // 配置 Echarts 参数 var option = { title: { text: '一周天气温度折线图' }, tooltip: {}, xAxis: { data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: {}, series: [{ name: '温度', type: 'line', data: [20, 18, 24, 33, 19, 23, 27] }] }; // 使用刚指定的配置项和数据显示图表 myChart.setOption(option); </script> </body> </html> ``` 图形截图： ![折线图](https://img-blog.csdnimg.cn/20210702154624205.png)

阅读全文