Echarts 柱图中的柱条(bar)的最小高度设置方法,Echarts 柱图中数字在柱条中显示不全的解决方法。

admin 阅读:51 2024-03-02

在使用 echarts 柱图时,如果某个柱条(bar)的数据特别小。那么该柱条会显示的特别小,在柱条中的数字也无法完整的显示。

解决办法是设置 seriesbarMinHeight 配置项。该配置项决定柱条最小高度,可用于防止某数据项的值过小而影响交互。

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]
	}
]
声明

1、部分文章来源于网络,仅作为参考。
2、如果网站中图片和文字侵犯了您的版权,请联系1943759704@qq.com处理!