Echarts设置y轴值间隔 以及设置 barWidth : 30,柱图宽度
- 作者: 五速梦信息网
- 时间: 2026年04月04日 13:43
需求:如图,y轴之间的距离太小,这样就太过于拥挤了,现在要修改echarts里面的属性,设置y轴值间隔让图表看上去舒服一些。

其实很多问题,真的只是因为自己没有好好的看文档,很多文档上面都写的清清楚楚的,主要是设置这段代码,max(设置y轴最大值)和splitNumber
总结一下公式就是,
max/ splitNumber=y轴值间隔
(比如将y轴200平均成5个点,每个点的间距就是40)
yAxis : [ { // 纵轴标尺固定
type : 'value',
scale : true,
max : 200,
min : 0,
splitNumber : 5,
boundaryGap : [ 0.2, 0.2 ]
} ],
可以看一下修改之后的结果:比之前好很多。
series : [
{
name:'做市',
type:'bar',
stack: '总量',
/*itemStyle : { normal: {label : {show: true, position: 'insideTop',textStyle:{color:'#000'}}}},*/
data:serieszs
},
{
name:'协议',
type:'bar',
stack: '总量',
barWidth : 30,//柱图宽度
/*itemStyle : { normal: {label : {show: true, position: 'insideTop',textStyle:{color:'#000'}}}},*/
data:seriesyx
}
]
- 上一篇: echarts设置单位的偏移
- 下一篇: echarts设置toolTip大小和样式问题
相关文章
-
echarts设置单位的偏移
echarts设置单位的偏移
- 互联网
- 2026年04月04日
-
echarts使用结合时间轴timeline动态刷新案例
echarts使用结合时间轴timeline动态刷新案例
- 互联网
- 2026年04月04日
-
Echarts中Option属性设置
Echarts中Option属性设置
- 互联网
- 2026年04月04日
-
echarts设置toolTip大小和样式问题
echarts设置toolTip大小和样式问题
- 互联网
- 2026年04月04日
-
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
echarts去掉y轴线、设置x轴线的颜色、x轴文字颜色
- 互联网
- 2026年04月04日
-
echarts基线设置颜色
echarts基线设置颜色
- 互联网
- 2026年04月04日






