小编Jak*_*337的帖子

我制作了一个圆形图表，如本文中所示：\n https://medium.com/@pppped/how-to-code-a-responsive-circular-percentage-chart-with-svg-and-css-3632f8cd7705

但是，我也尝试在其上显示值 \xe2\x80\x8b\xe2\x80\x8ba 高于 100%（该图显示当月与前一个月的消耗量比较，有时需要看起来像这样） 。我尝试在第一个圆圈中添加另一个圆圈和不透明度，但看起来不太好。

我希望它看起来像这样：

<svg viewBox="0 0 36 36" class="circular-chart cons">\n  <path class="circle-bg" d="M18 2.0845\n        a 15.9155 15.9155 0 0 1 0 31.831\n        a 15.9155 15.9155 0 0 1 0 -31.831" />\n  <path class="circle-round" stroke-dasharray="100 100" \n        style="opacity: 0.9;" d="M33.9155 18\n        a 15.9155 15.9155 0 0 1 -31.831 0\n        a 15.9155 15.9155 0 0 1 31.831 0" />\n  <path class="circle-round" stroke-dasharray="19 100" d="M33.9155 18\n        a 15.9155 15.9155 0 0 1 -31.831 0\n …