我需要为网站上的SVG图片动态着色。该网站将根据用户的输入完成一些计算，并且结果必须以不同的颜色显示在图像上，而不是生成饼图。进行计算没有问题，但是，我没有使用SVG的经验-到目前为止，我发现最好的方法是使用以下代码：

<defs>
  <linearGradient id="myGradient" gradientTransform="rotate(0)">
    <stop offset="33%"  stop-color="gold" stop-opacity="1" />
    <stop offset="66%" stop-color="red" stop-opacity="1"/>
    <stop offset="80%" stop-color="blue" stop-opacity="1"/>
  </linearGradient>
</defs>

这几乎给了我想要的结果：

但是，我需要防止颜色相互融合。

任何帮助将不胜感激！