最近接触了Echarts,具体就不多加介绍了,可以到官网查看,不过不知道为什么有时候进不去https://echarts.baidu.com/这个网址,但换个WIFI却可以,这个不是很理解。
总共打算写三篇文章,第一篇是Echarts新手入门;第二篇是获取后台数据,包括使用json和不使用json的版本;第三篇是实时获取后台数据,使用Ajax,动态刷新。
Echarts入门最基本的就是在自己的电脑上跑起来,首先在官网上下载,我是直接下载的完整版,下载下来的文件是echart.min.js,这是一个js文件,直接引入到自己的代码中即可。然后到它的官方示例中选一个最简单的比如折线图,在右侧选择下载,不要直接复制左侧的代码,这个不完整,如图所示:
如果你能打开https://echarts.baidu.com/,下载下来的源码是可以直接运行的,如果进不去,把它引用的一些网上的js文件全部删除,将刚刚下载的echarts.min.js引入即可,这样就可以运行了。
echarts提供了非常丰富的官方实例,可以自己学习,对照它的官方文档,查看相应的配置项手册即可,不够官方实例大多是3.x版本,所以有些配置项可能会找不到,将文档切换到3.x版本即可,其实将3.x的版本改为4.x的版本也可以算是一种学习。