因为ECharts官方对git上的issue关注力度实在不够所以很多项目上的需求都得自己hack,这次的圆角漏斗图实际使用的是柱状图来实现。思路很简单,先将数值轴的max设置为'dataMax',然后给每个柱状图地下垫一个高度为(max-柱体高度)/2的辅助柱体,再利用柱状图中的stack来堆叠柱状图,并使用柱状图的圆角设定,最后达成圆角漏斗图的效果。最终效果如图:
代码:
...
series: [
{
name: '辅助',
type: 'bar',
stack: 'sum',
itemStyle: {
normal: {
barBorderColor: 'rgba(0,0,0,0)',
color: 'rgba(0,0,0,0)'
},
emphasis: {
barBorderColor: 'rgba(0,0,0,0)',
color: 'rgba(0,0