浏览器中还是显示不出内容
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>canvas</title>
<script src="echarts.js"></script>
</head>
<body>
<div id="main" style="width: 900px;height: 600px;"></div>
<script type="text/javascript">
var myChart = echarts.init(document.getElementById('main'));
var option = {
title:{
text:'ECharts 入门示例'
},
toolbox:{
show:true,
feature:{
saveAsImage:{
show:true
}
}
},
legend:{
data:['销量']
},
xAxis:{
data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]
},
yAxis:{},
series:[{
name:'销量',
type:'bar',
data:[5,20,36,10,10,20]
}]
};
myChart.setOption(option);
</script>
</body>
</html>
打印台中显示的是这个,写的是echarts is not defined,我是把HTML文件和echarts文件放在一个文件夹里的。不知道哪里出问题了,请大神指教