echarts概要 2018-05-23

http://echarts.baidu.com/

echart入门

1.准备好一个具备宽高的dom容器。

2.  echarts.init方法初始化一个 echarts 实例

3.设置参数，指定图表的配置项和数据

4.给实例指定参数显示图表

option参数

1. legend  图例组件

2. tooltip 提示框组件

3. xAxis  X轴

4. yAxis Y轴

5.series 系列

特性：

1.个性化图表样式。ECharts 提供了丰富的自定义配置选项，并且能够从全局、系列、数据三个层级去设置数据图形的样式

2.可以设置设置样式，改变图形元素或者文字的颜色、明暗、大小等。

颜色主题（Theme）

调色盘

直接样式设置（itemStyle、lineStyle、areaStyle、label、...）

视觉映射（visualMap）

3.数据的异步加载和更新

4.使用dataset管理数据

5.在图表中加入交互组件

图例组件 legend、标题组件title、视觉映射组件visualMap、数据区域缩放组件 dataZoom、时间线组件timeline等

6.移动端自适应

7.数据的视觉映射

8.eacharts中的事件和行为

在 ECharts 的图表中用户的操作将会触发相应的事件。开发者可以监听这些事件，然后通过回调函数做相应的处理，比如跳转到一个地址，或者弹出对话框，或者做数据下钻等等

a.鼠标事件的处理

b.组件交互的行为事件

c.代码触发Echarts中的组件的行为

9.可以选择是使用Canvas还是SVG渲染

10.使用Echarts GL实现基础的三维可视化

11.可以在微信小程序中使用Echarts