echarts柱状图要给柱子顶部加一个顶的写法方案

效果如图:
echarts柱状图要给柱子顶部加一个顶的写法方案_第1张图片

我这个方案是取最大数值的1/100(如果谁有更好的方案,请分享出来@我,谢谢)

const xData = ['1月','2月','3月','4月']
const yData = [10,200,30,24]

// 根据xData的长度生成一个,创建和xData一样长度的数组,barTop 内部的值不能写死,或者固定,因为实际情况,最大值可能是0,也可能是2,也可能是200000
const barTop = new Array(xData.length).fill(Math.max(...yData) === 0 ? 0 : Math.max(...yData) / 100)

const option = {
	grid: {...},
	xAxis: {...},
	yAxis: {...},
	series: [
	{
		type: 'bar',
		data: yData,
		// 柱子主体写法,
	},
	// 柱状图顶部
	{
		type: 'bar',
		name: '',
		stack: 1,
		barWidth: '30%',
		itemStyle: {
			color: '#0CCEFF',
		},
		label: {
			show: false,
		},
		data: barTop,
	}],
}

你可能感兴趣的:(echarts,android,前端)