ECharts可视化（2）—— 组件库小解

一、样式简洁

1. 颜色主题：改变全局样式，我们可以选择逐一图表进行设置，或直接通过设置主题进行设置。在ECharts中包含'light'和'dark'两种主题。使用方法是：

或者通过下载JSON或JS获取主题。

2. 调色盘：给定一组颜色（通过一个数据定义），图形、系列自动从中选择颜色。

3. 直接样式：可以直接通过option中的变量设置各种元素的样式，如itemStyle, lineStyle, areaStyle, label等。

二、交互组件：在ECharts中，提供了很多的交互组件。如：legend、title、visualMap、dataZoom、timeline等

1）dataZoom：主要被用于直角坐标系、极坐标系中实现对数轴的缩放、平移等操作。如xAxis等相同，直接加入option中即可。

既可以只给x轴加上，也可以给x、y轴都加。

三、自适应设置

为了让图表能够完美适配于不同的设备，ECharts也设计了移动端的自适应。

1）我们可以设置left/right/top/bottom/width/height六个量，设置绝对值、百分比和位置描述

绝对值：绝对的数值，如100

百分比：如100%

位置描述：如center等

2）如css的media相同，ECharts中也可以对不同类型的屏幕做出设置。