echarts使用起来其实很方便灵活,功能强大伴随带来头疼的问题就是:API太太太多了!

  所以写篇文章简要记录下常用功能的API,官方文档很全面很强大,所以本文只是作为常识性笔记,免得以后重新用的时候面对那么多配置项又抓瞎。

  官方文档:https://echarts.apache.org/zh/option.html#title

  官方文档的配置项都是以json对象的形式展示,按层次来简单记录:

  第一层:

  1. title:配置图表的标题样式:颜色、大小、边框、阴影、位置等等,跟标题有关的,这里都可以找到。
  2. legend:图例,就是图标里有很多类别的时候,显示在旁边的那些类别名称。
  3. grid:图表的网格,就是图表中作为背景的那一个个小格子。我目前用的最多的是用它控制整个图表的上下左右边距,从而控制图表大小和位置。
  4. xAxis:x轴。
  5. yAxis:y轴。
  6. radar:雷达图独有的一些配置。
  7. dataZoom:控制区域缩放。地图、带时间轴等。
  8. visualMap:视觉映射:根据数据,控制图标中元素是否显示、显示大小、显示颜色等等。一般会有个控制手柄,滑动手柄查看不同数据下图标的动态变化。
  9. tooltip:提示框。
  10. axisPointer:坐标轴指示器,一般是坐标轴上的小手柄,或者控制坐标轴数据的一个数据轴。
  11. series:最重要的,这里配置各种图表的独有的特点,比如折线图线条的颜色,柱状图柱子的样式,总的来说,公共的在其他配置项,独有的都在这里,当独有的和公共的样式出现冲突,这里优先级比较高。(没有都去尝试,应该是这样子)
  12. color:很容易被忽略,如果不设置,就按照echarts设置好的颜色轮换着调用,那些红红绿绿的适合做一些管理系统,做大屏肯定不能用,就需要改这个配置。

  第二层:

  第二层的配置项就太多了,想了想,还是锁定第一层之后一点点找第二层的配置项吧,懒病发作,不写了。