一、样式简洁
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中也可以对不同类型的屏幕做出设置。