echarts柱状图,最小数据过大会导致蓝色部分原本最小会直接没有。
几十和上万同时存在 ,一般可以用type:'log‘(替换原有type:'value')变成10-5000-10000-20000这种阶梯式。
缺点是,柱状图之间的关系比例会不明显。
也可以用barMinHeight设置最小数据时的高度,且修正下为0不展示最小高度。
实际设置为透明色。

//data [1,2,0,4] 变成展开的[1,2,{...},4]
...
data.forEach((ele,i)=>(){
if (ele == 0) {
arr.splice(n, 1, {
value: 0,
itemStyle: { opacity: ele.d ? 1 : 0 }
})
}
})
option:{
series:[
{
type: 'bar',
barWidth: 12,
barMinHeight: 5,
},
...
{
type: 'line',
barWidth: 12,
barMinHeight: 5,
},
]
}
ps:https://blog.csdn.net/qq_41137858/article/details/119327240
网友评论