echarts教程pdf（echarts教程）

大家好，小活来为大家解答以上问题。echarts教程pdf，echarts教程很多人还不知道，现在让我们一起来看看吧！

1、1.下载并配置ECharts

2、方法1：

3、引入在线cdn公共库：

4、<script src=" https://cdnjs.cloudflare.com/ajax/libs/echarts/3.4.0/echarts.min.js "></script>

5、方法2：

6、本地引入js文件： <script src="js/echarts.min.js "></script>

7、官网选择完整版： http://echarts.baidu.com/download.html

8、在webstorm中定义站点：

9、并引入echarts.min.js

10、1.入门案例：

11、3.1要点：（三步走）

12、（1）.定义画布区域，最好画布全屏（2）.找此区域，初始化图形组件（3）.把配置项设置上(其中配置项是json格式)

13、3.2.通过官网案例制作（原形案例）如图：

14、http://echarts.baidu.com/examples.html官网实例地址

15、(1).http://echarts.baidu.com/examples.html#chart-type-line 折线图案例

16、(2).

17、(3).复制案例中option中{}全部

18、(4).把复制的部分赋值给程序中的option={}

19、(5).如图：

20、(6).此时预览如图：

本文到此结束，希望对大家有所帮助。

免责声明：本文由用户上传，如有侵权请联系删除！