其实要想配置出想要的图表,主要是三个问题:

  1. 图表部件的位置问题
  2. 图表部件的样式问题
  3. series的配置:个人觉得这个配置项是最复杂的,但是配好了就能做出非常好的效果

位置问题

对于图表部件的位置问题,有一些是配置项通用的:

  1. left, right, top, bottom ( 该部件距离容器左右上下的距离)
  2. z(图层顺序)
  3. gird (直角坐标系内绘图网格)

样式问题

样式问题就大概一下几种:

  • color
  • itemStyle
  • textStyle

只有一些部件是具有itemStyle的,如legend,series bar等
legend的itemStyle是控制每个图例的样式,而series bar的是控制柱状图的每个柱条的样式

series配置

series 英[ˈsɪəriːz]
系列列表。每个系列通过type属性决定自己的图表类型
type的可选属性:line,bar,pie,map等。

stack

stack是一个特别需要注意的属性,
数据堆叠,同个类目轴上系列配置相同的stack值可以堆叠放置
例如:当两个series.bar的stack相等时,两个柱状图就会堆叠在一起
image.png