版本
注意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环形图实现
推荐阅读
- echarts|vue 使用 Echarts 隐藏后显示变得非常小
- echarts中国地图+自定义tooltip样式+dispatchAction()方法实现联动
- echarts地图跟柱图结合
- ECharts折线图+联动+dataZoom
- Echarts合并柱状图与折线图+dataZoom
- echarts 折线图鼠标放上去显示X轴和Y轴的数据信息
- 技术文章转载|JAVA开发人员画图表总结(ECHARTS)