echarts堆叠柱状图顶部圆角实现

高保真效果

官网DEMO

echarts顶部圆角效果实现

实现原理

1. 只有顶部有数据才设置圆角属性 borderRadius
   
2. 设置最小的高度值 如：堆叠最大数据的2/100。目的：防止数据过小无法实现圆角
3. legend变化时重新计算顶部圆角
4. 需要处理tooltip。hover时将真实的值呈现