具有不同PHP值的CSS饼图

我试图创建一个CSS饼图脚本，每次都会显示三组结果，每次这些结果出现时，它们都会不同。i、 我在整个网站上使用不同的饼图来显示不同的信息

我想知道我将如何做到这一点，我已经成功地编写了PHP，它将为我的3个部分提供旋转开始和每个部分的总值，但实际上实现饼图聊天的其余部分是相当困难的

PHP用于确定每个区域的大小及其总旋转：

<?php 

    $T1 = $degree['UFIRST'];
    $T2 = $degree['UUPPER'];
    $T3 = $degree['ULOWER'];

    $TotalTs = $T1 + $T2 + $T3; 
    $PieTotal = 360 / $TotalTs;

    // AREA OF SLICES %'s

    $Slice1 = $T1 * $PieTotal;
    $Slice2 = $T2 * $PieTotal;
    $Slice3 = $T3 * $PieTotal;

    // ROTATION %'s

    $StartSlice1 = 0;
    $StartSlice2 = $Slice1 + $StartSlice1;
    $StartSlice3 = $StartSlice2 + $Slice2;

    ?>  

这是我的每个片段的HTML：

<div class="pie" data-start="0" data-value="<?php echo $Slice1 ?>"></div>
<div class="pie" data-start="<?php echo $StartSlice2 ?>" data-value="<?php echo $Slice2 ?>"></div>
<div class="pie" data-start="<?php echo $StartSlice3 ?>" data-value="<?php echo $Slice3 ?>"></div>

---

我建议使用谷歌图表API，因为它相对简单，但需要Java脚本

另一种选择是使用基于圆圈及其扇区的普通CSS图表，可以找到一个例子，最好的图表之一是jquery，如果你想自己编写，你应该至少发布你目前拥有的内容。如果你想让它们动态，你要使用js，即使是静态的，您仍然需要使用js。Bcs通过php手动输入css值只是meh。
这里所有的学位选项都是静态的，如何根据起始值和结束值进行更改？没有js，您将无法向css提供动态值。纯css图的唯一选项是使用预定义的html和css图，并用PHP调用它们。正如@user2486415所提到的，JS在这里是动态结果的关键