Echarts.js下载及简易Demo

本人小白:在做项目时,老师要求使用echart统计。之后google了一下才知道echart是一个插件。
Echarts是“开源”的,提供了创建多种多样的图表。包括折线图、坐标系、散点图等等之类的这里就不一一列举了。大家可以Echart官网去查看
Echarts.js下载及简易Demo_第1张图片
随便点开一个,里面是部分源码
Echarts.js下载及简易Demo_第2张图片
左边是主要源码,右边是效果图
注意:只在script中写左边代码是不能显示的,只需要加两行代码就行了,后面会讲。

那么如何下载echarts.js
1 打开Echart官网下载点击下载->点击在线定制
Echarts.js下载及简易Demo_第3张图片
2 之后进行选择打包的图表(这里我是全选了)
Echarts.js下载及简易Demo_第4张图片3 点击下载即可Echarts.js下载及简易Demo_第5张图片
4 之后稍等几分钟等待打包成功。echarts.min.js就下载成功了Echarts.js下载及简易Demo_第6张图片
接下来就是简单的一个Demo



	
		
		
		
		
	
	
	
    

需要加入:
1:获取到指定div进行初始化 var myChart = echarts.init(document.getElementById(‘main’));
2:将指定的配置项和数据显示图标中
myChart.setOption(option);之后就可以显示了。
大体的效果就可以这样了。
Echarts.js下载及简易Demo_第7张图片

你可能感兴趣的:(Echart,Echart图表)