1.大数据可视化工具Echart------------的学习进阶（一）

1.首先去官网下载依赖的JS依赖包。如图：

相关官网，下载路径如下：

http://echarts.baidu.com/download.html

下载界面如下：

请下载完整版，不然代码运行起来，前端控制台。console.log会出现报错信息。

具体代码如下：

使用的IDE为sublimetext3.

打开建立一个网页：代码如下：

将引入的文件按照自己的相对路径进行放好，我的路径是这样,echarts.min.js是官方的依赖包，打开浏览器进行运行。

运行结果如下：

至此图表完成了此次操作。

Echarts的引入成功。

修改相关的代码即可进行相关的行列变化，如下图：

以下为图表的X轴

以下为图表的y轴：

为什么有两个类似json之类的数据格式{}，因为在legend的设置的部分定义了两个

前面一个是访问量，后面一个是用户量。

所有的设置均是在option这个定义域里面完成。

这个图表是放在一个div当中，获取div容器的id,并调用echarts的init方法进行引用。

实例对象。，此时都是内部引用echart内部的方法进行调用，代码提示可知，内置setoption方法里面的获取之前定义的参数，即可自定义展示。

更改部分代码：展示结果如下：

修改之后的代码如下：

可以得知关键字5个：

1.div对象，

2.引入echarts官方依赖，（建议完整版，自己引用精简版出现了错误compent do not exits不存在的错误。）

3.option的参数设定，{}json格式书写，注意每个设定项完成以，号结尾。

4.echarts.init方法的调用。

5.实例化div对象如代码中的mycharts然后调用setOption方法进行（options）相关设定参数的加载，以及呈现。