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

  • color
  • itemStyle
  • textStyle

color

一个图表是否好看,颜色是起主导作用的,color分几个层面来指导图表:

  • 最外层的 option.color

    1. 调色盘颜色列表,一般用于指导画series的系列颜色,series会循环从该列表中取颜色作为系列颜色
    1. option:{
    2. color:['#333', 'rgba(65,34,12,0.5)'] //当系列超出color.length时,会循环使用color
    3. }
  • 各部件可以设置的颜色(所见即所得)

    (以下为常用的配置)

  1. title.textStyle.color
  2. title.subtextStyle.color
  3. legend.textStyle
  4. xAxis.axisLine.lineStyle.color //坐标轴轴线
  5. xAxis.axisTick.lineStyle.color //坐标轴刻度
  6. xAxis.axisLabel.color //坐标轴刻度标签
  7. yAxis同上

itemStyle, textStyle, lineStyle

直接的样式设置是比较常用的设置方式

option里很多地方可以设置 itemStyle、lineStyle、areaStyle、label 等等。这些的地方可以直接设置图形元素的颜色、线宽、点的大小、标签的文字、标签的样式等等