在使用 echarts 柱图时,如果某个柱条(bar)的数据特别小。那么该柱条会显示的特别小,在柱条中的数字也无法完整的显示。
解决办法是设置 series
的 barMinHeight
配置项。该配置项决定柱条最小高度,可用于防止某数据项的值过小而影响交互。
series: [
{
name: '已报到',
type: 'bar',
stack: 'total',
label: {
show: true,
},
barMinHeight:20,
emphasis: {
focus: 'series'
},
data: [0, 0, 0, 0, 0, 0, 0,0]
},
{
name: '未报到',
type: 'bar',
stack: 'total',
label: {
show: true,
},
barMinHeight:20,
emphasis: {
focus: 'series'
},
data: [0, 0, 0, 0, 0, 0, 0,0]
}
]
想要了解更多内容,请持续关注码农资源网,一起探索发现编程世界的无限可能!
本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
如有侵权请发送邮件至1943759704@qq.com删除
码农资源网 » Echarts 柱图中的柱条(bar)的最小高度设置方法,Echarts 柱图中数字在柱条中显示不全的解决方法。
本站部分资源来源于网络,仅限用于学习和研究目的,请勿用于其他用途。
如有侵权请发送邮件至1943759704@qq.com删除
码农资源网 » Echarts 柱图中的柱条(bar)的最小高度设置方法,Echarts 柱图中数字在柱条中显示不全的解决方法。