1、为了更好的讲解如何使用这个图形渲染插件,我会通过创建一个解决方案的形式一点点给大家讲解清楚。
2、 EChart最新的文档目录。首先创建一个解决方案,目录如下:之前的一篇文章中讲到如果要使用Echarts还要下载相关的ZRender的渲染包,最新的版本已经瓴烊椹舟将这些合并在一起了,只需要引用图中红框标注的echarts文件夹下的文件即可。
3、各文件的作用如下:l Echarts-map.js :主要用来渲染跟地图相关l Echarts.js :基本的常规图形相关l Esl.js :图像引擎
4、Statics文件夹下的ECharts.js文件,为我自己抽象总结出来的用于Echarts的配置文件加载、数据处理、初始化各种图像类型的配置、图像渲染的一些方法。抽象之后的Echarts。
5、根据Echarts官网的讲解,我把Echarts的使用归结为一下的几个步骤,同时这些步骤相应的实现对应到Statics文件夹下的Echarts.js。