引入Echart后无法引用echart.方法

img

img

img

img

先下载了Echarts包,然后在head里引入了echarts.js,定义div并赋予了大小,但是调用echarts.方法时没有成功
这是哪里出了问题?

在你调用echarts的方法时,你首先得实例一个echarts对象,比如:
var chartDom = document.getElementById('main');
获取完ecahrts独享之后你要初始化这个echarts对象
var myChart = echarts.init(chartDom);
//初始化完你就可以将值赋值给echarts对象了,传给echarts对象的结构值,文档也有
var option={};
myChart.setOption(option);

var chartDom = document.getElementById('main');
var myChart = echarts.init(chartDom);
var option={};
myChart.setOption(option);

建议跟着文档一步步走

你好,
所有js 都是建立在jquery.js 的基础上。所以你用echart.js 的时候,首先必须有jquery.min.js. 并将它放在最上面,第一个。
其次,没有成功的话,需要报错信息。你可以在运行界面,按F12. 右边会弹出调试框。选择“资源”,找到代码,在代码部分打上断点。然后重新运行你的项目,点击F11,单步调试。在“网络”和“控制台” 会弹出你目前报的错误。