Echarts的简单应用

今天我们来学习echarts的简单应用,首先,我们要了解echarts是什么,它是一个纯js的图表库,可以在pc和移动设备上流畅的运行,兼容绝大部分的浏览器。
Echarts提供了很多,如折线图,柱状图,散点图,饼图,K线图,等用于统计的盒型图,还有用于地理数据可视化的地图,热力图,线图,还有用于关系数据可视化的关系图,多维数据可视化的平行坐标,还有用于Bl的漏斗图,仪表图,且支持图与图之间的混搭。
想要应用echarts首先我们要先下载下来,百度echarts管网即可,引入的方法就像普通的JavaScript库一样用script标签引入,如图一,
Echarts的简单应用
图一
接着,我们要给echarts准备一个具备高宽的容器如图二
Echarts的简单应用
图二
然后就可以通过echarts.init方法初始化一个echarts实例并通过setOption方法生成一个简单的柱状图。如图三。
Echarts的简单应用
图三
这样一个简单的echarts引用就完成了,具体代码如图四所示,本人是看官网所学,觉得对自己有用,所以借以应用。
Echarts的简单应用
图四