1、1.下载并配置电子海图。

2、方法1:

(资料图片仅供参考)

3、介绍在线cdn公共图书馆；

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

5、方法二：

6、Introducing jet research locally . file: script src=" js/e charts.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://张图表。百度一下。com/examples。html #图表类型-线条折线图案例

16、(2).

17、(3)复制案例中的所有选项。

18、(4)将复制的零件分配给程序中的option={}。

19、(5).如图所示：

20、(6).预览显示如下：

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