echarts使用起来其实很方便灵活,功能强大伴随带来头疼的问题就是:API太太太多了!
所以写篇文章简要记录下常用功能的API,官方文档很全面很强大,所以本文只是作为常识性笔记,免得以后重新用的时候面对那么多配置项又抓瞎。
官方文档:https://echarts.apache.org/zh/option.html#title
官方文档的配置项都是以json对象的形式展示,按层次来简单记录:
第一层:
- title:配置图表的标题样式:颜色、大小、边框、阴影、位置等等,跟标题有关的,这里都可以找到。
- legend:图例,就是图标里有很多类别的时候,显示在旁边的那些类别名称。
- grid:图表的网格,就是图表中作为背景的那一个个小格子。我目前用的最多的是用它控制整个图表的上下左右边距,从而控制图表大小和位置。
- xAxis:x轴。
- yAxis:y轴。
- radar:雷达图独有的一些配置。
- dataZoom:控制区域缩放。地图、带时间轴等。
- visualMap:视觉映射:根据数据,控制图标中元素是否显示、显示大小、显示颜色等等。一般会有个控制手柄,滑动手柄查看不同数据下图标的动态变化。
- tooltip:提示框。
- axisPointer:坐标轴指示器,一般是坐标轴上的小手柄,或者控制坐标轴数据的一个数据轴。
- series:最重要的,这里配置各种图表的独有的特点,比如折线图线条的颜色,柱状图柱子的样式,总的来说,公共的在其他配置项,独有的都在这里,当独有的和公共的样式出现冲突,这里优先级比较高。(没有都去尝试,应该是这样子)
- color:很容易被忽略,如果不设置,就按照echarts设置好的颜色轮换着调用,那些红红绿绿的适合做一些管理系统,做大屏肯定不能用,就需要改这个配置。
第二层:
第二层的配置项就太多了,想了想,还是锁定第一层之后一点点找第二层的配置项吧,懒病发作,不写了。