Echarts 学习

版本

注意Echarts的版本，新旧版本有些语法不同，例：

series:[
    type:'bar',
    itemStyle:{
        barBorderRadius: 5
    }
]

旧版本里面边框圆角设置用barBorderRadius，
而新版本使用borderRadius设置。

options各项配置

title

标题组件：顾名思义就是设置标题相关属性

legend

图例组件：展现不同系列的标记，一般通过标记过滤数据

grid

直角坐标系内绘图网格，一般用于设置坐标系位置

xAxis

直角坐标系 grid 中的 x 轴，

• xAxis. interval
  number
  强制设置坐标轴分割间隔。
• xAxis. silent
  boolean
  坐标轴是否是静态无法交互。

• xAxis. gridIndex
  number
  x 轴所在的 grid 的索引，默认位于第一个 grid。多个x轴时需要指定

  yAxis

  yAxis
  直角坐标系 grid 中的 y 轴，基本同上。
  注意xAxis,yAxis密不可分，即x轴，y轴要么都写，要么都不写。若只需要显示一个则指定另一个show为false。

  3/4环形图实现