Css 仅使用SVG标记的圆环图

我正在制作一张需要从html导出到pdf的图表。我使用的pdf引擎无法执行JS，因此，我需要找到一种从服务器端生成HTML SVG的方法

这就是我目前拥有的：

71%
29%
冷的
热的

要更改图形的两部分，需要更改两个

元素。更具体地说，这些路径的

d

属性

d

属性描述曲线的形状。如果我将较大的一个重新格式化为更整洁的格式，并减少小数位数，您应该能够更好地看到正在发生的事情

M -178.56, 40.75
A 183.14, 183.14 0 0,1 -3.36e-14,-183.14
L -2.08e-14, -113.75
A 113.75,113.75 0 0,0 -110.89, 25.31
Z

它在大约（-178,40）处开始（M=“移动到”）。然后绘制rdius 183至（0，-183）的弧（“A”）。然后是一条从外半径到内半径的线（“L”）。最后，又一个弧（“A”）回到起点。最后一个“Z”闭合曲线，以便填充

因此，要更改该图形部分的大小。您需要调整两个“A”命令和“L”命令

你可以通过阅读了解更多如何做到这一点。或者，您也可以查看web上提供的众多教程中的任何一个

---

您的SVG图形看起来可能是由SVG图形库生成的，例如。您可能需要研究该选项。

请格式化您的代码，使其可读。谢谢Sean，现在已经格式化了