当环形图设置有间隔时,环形的底部能否增加背景颜色?
问题描述
设计稿中环形图的每一块之间设置了间隔,并且在间隔下方还有一个灰的背景环,请问这个效果如何实现?


解决方案
这个效果可以用 VChart 的组合图实现。组合图可以配置两个饼图系列,第一个只有一条数据,用于模拟背景的环形;第二个系列就是常规的饼图系列。需要注意:
padAngle:配置间隔的角度;innerRadius/outerRadius:配置内外半径。两个系列需要配置相同的内外半径;- 系列之间的顺序不要颠倒,因为后配置的系列层级更高;
- 背景系列建议关闭动画 和 tooltip 交互;