echarts官网给的瀑布图是正值的,然而在实际开发中,会存在负值开始的瀑布图,所以这边动了点小心思,先把最小值给算出来,然后再在y轴显示刻度的时候减去这个最小值,相当于先信用卡给提现了,不管后面是支出还是收入,都不可能出现负值的情况了
计算出y轴的最小值yAxisMin
yAxis: {
type: 'value',
axisLabel: {
formatter: value => value - yAxisMin
}
}
设置两条x轴,第二条x轴是防止当chart的开始值是负值时,第一条x轴会处在半山腰上(注:后面发现,不设置两条x轴,也不会出现x轴卡在半山腰的情况了,按需吧)
xAxis: [
{
type: 'category',
show: false, // x轴隐藏
data: data || []
},
{
type: 'category',
data: data || [],
position: 'bottom'
}
]
最终得到的效果图为:
但是目前会有个小缺陷,就是如果是负值开始的话,可能就不会显示0轴了,欢迎提供好的解决方案呢。