vscode中使用Echarts问题
我在vscode中直接粘贴使用百度的Echarts第一个示例打开王爷后可以显示图表但是新建一个html写一个新的打开就不会显示图表这时为什么？代码检查过了和示例一样的一下是我写的帮忙看看为什么不显示图表<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实现柱状图</title>
<!-- 引入 echarts.js -->
<script src="echarts.min.js"></script>
</head>
<body>
<div id='main' style="width: 600px;height: 400px;"></div>
<script>
var myChart = echarts.init(document.getElementById('main'));
var option = {
title: {
text: '实现柱状图'
},
tooltip: {},
legend: {
data: ['1班'
},
xAxis: {
type: 'category',
data: ['张三', '李四', '王二', '李六', '万五', '周天'],
},
yAxis: {},
series: [{
name='综合成绩',
type: 'bar',
data: [88, 87, 95, 68, 59, 99],
};
myChart.setOption(option)
</script>
</body>
</html>
legend: {
data: ['1班'
},
这里改为
legend: {
data: ['1班']
}, <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>实现柱状图</title>
<!-- 引入 echarts.js -->
<!-- <script src="echarts.min.js"></script> -->
<!-- 如果本地没有js文件，需要引用网络地址 -->
<script src="https://cdn.bootcss.com/echarts/3.7.1/echarts.min.js"></script>
</head>
<body>
<div id='main' style="width: 600px;height: 400px;"></div>
<script>
var myChart = echarts.init(document.getElementById('main'));
var option = {
title: {
text: '实现柱状图'
},
tooltip: {},
legend: {
// []要成对出现
data: ['1班']
},
xAxis: {
type: 'category',
data: ['张三', '李四', '王二', '李六', '万五', '周天'],
},
yAxis: {},
series: [{
// 等号换为冒号
name: '综合成绩',
type: 'bar',
data:
}]
};
myChart.setOption(option)
</script>
</body>
</html>
页:
[1]