ecahrts图表最小高度数据差距过大

2022-07-08  本文已影响0人  litielongxx

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


image.png
//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

上一篇 下一篇

猜你喜欢

热点阅读