如何实现仪表图的分段圆角效果？

问题描述

我在 vchart 官网上看到了这个 demo：https://www.visactor.io/vchart/demo/gauge-chart/clock

它看起来像是仪表图的变种。现在我需要将常规仪表图的背景更改为类似的样式，将背景分段并设置圆角。我该怎么办？

解决方案

可以参照以下 demo，用另一套数据去定义背景分段，并将背景系列（spec 的对应属性名是“gauge”）改为“gauge”系列。

代码示例

结果展示

相关文档

github：https://github.com/VisActor/VChart

gauge series spec: https://www.visactor.io/vchart/option/gaugeChart#gauge%EF%BC%88gauge%20%E7%B3%BB%E5%88%97%E7%89%88%E6%9C%AC%EF%BC%89.type('gauge')