<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>新冠感染疫情统计柱状图</title> <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.9.0/echarts.min.js"></script> </head> <body> <div id="main" style="width: 800px;height: 400px;"></div> </body> </html> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('main')); var option = { title: { text: '新冠感染疫情统计柱状图' }, tooltip: {}, legend: { data:['确诊人数'] }, xAxis: { data: ["1月","2月","3月","4月","5月","6月"] }, yAxis: {}, series: [{ name: '确诊人数', type: 'bar', data: [2384, 75299, 81289, 84275, 84352, 85341] }] }; myChart.setOption(option);寻找错误
时间: 2024-04-28 14:22:20 浏览: 87
HTML参考手册
这段代码看起来没有明显的语法错误,但是需要注意以下几点:
1. 确认引入的 echarts 库是否正确,建议使用官方提供的 CDN 地址。
2. 确认容器 div 的 ID 是否为 "main",如果不是需要修改代码中的 ID。
3. 确认数据是否正确,包括 x 轴和 y 轴的数据以及系列数据的名称和数据。
如果页面中没有显示出柱状图,可以尝试检查浏览器控制台的报错信息,可能有其他问题导致图表无法正确渲染。
阅读全文