Echarts 学习

版本 注意Echarts的版本,新旧版本有些语法不同,例:

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

旧版本里面边框圆角设置用barBorderRadius,
而新版本使用borderRadius设置。
options各项配置 title
标题组件:顾名思义就是设置标题相关属性
legend
图例组件:展现不同系列的标记,一般通过标记过滤数据
grid
直角坐标系内绘图网格,一般用于设置坐标系位置
xAxis
直角坐标系 grid 中的 x 轴,
  • xAxis. interval
    number
    强制设置坐标轴分割间隔。
  • xAxis. silent
    boolean
    坐标轴是否是静态无法交互。
  • 【Echarts 学习】xAxis. gridIndex
    number
    x 轴所在的 grid 的索引,默认位于第一个 grid。多个x轴时需要指定
    yAxis
    yAxis
    直角坐标系 grid 中的 y 轴,基本同上。
    注意xAxis,yAxis密不可分,即x轴,y轴要么都写,要么都不写。若只需要显示一个则指定另一个show为false。
    3/4环形图实现

    推荐阅读