仅绘制SVG甜甜圈图的底部

时间:2019-01-19 17:58:39

标签: javascript angular svg

我试图只显示一半的饼图。视线段时,应该始终从角度0开始。我不确定如何更好地解释它,但这是Stackblitz链接:https://stackblitz.com/edit/angular-vmk6f8

尝试想象将图表水平切成两半。因此,一开始,绿色部分应“耗尽”,而红色部分应缓慢出现。

我尝试了几件事都无济于事。我被这背后的数学迷住了。

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

<svg height="200" width="400" viewBox="0 80 160 80" class="donut-chart">...</svg>

Stackblitz