当前位置：首页 > news >正文

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

news 来源：原创 2025/6/28 6:40:09

效果如图：
在这里插入图片描述

我这个方案是取最大数值的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,}],
}