如何绘制剑道甜甜圈图中的外边框和内边框

Question

我想在剑道甜甜圈图表周围绘制边框。是否有任何可用的选项来实现相同的目标。有关详细信息，请参阅附图。

由于

Answer 1

我得到了解决方案，如果有人想要相同的功能，我会发布答案。 我们可以覆盖默认的系列视觉

this.$('.chartview').kendoChart({
series.visual = this.overrideSeries.bind(this),
...

});

funtion overrideSeries(e){
      let origin = e.center;
      let radius = e.radius;
      var draw = kendo.drawing;
      var geom = kendo.geometry;

      var circleGeometryOuter = new geom.Circle(origin, radius + 5);
      var circleOuter = new draw.Circle(circleGeometryOuter).stroke(CssConst.DONUT_BORDER_COLOR, .5);

      var circleGeometryInner = new geom.Circle(origin, radius - 5);
      var circleInner = new draw.Circle(circleGeometryInner).stroke('#cdcdcd', .5);

      var visual = new draw.Group();

      visual.append(circleOuter, e.createVisual(), circleInner); 
    return visual
}