问题:在使用 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]
	}
]

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐