剣道の外側と内側の境界線を描く方法ドーナツチャート

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 
}