使用数据值而不是渐变停止的百分比

Question

我做了很多搜索，找不到答案，因此卡住了。我只想知道是否可以从我们的数据中定义梯度停止而不是百分比。因为我的图表每次都随用户输入而改变。

我甚至试过使用例如以下但仍然没有变化。

  .data([
        { offset: "0%", color: "#B81B1B" },
        { offset: function (d) { return d.yaxisvalue[5]; }, color: "#B81B1B" },
        { offset: function (d) { return d.yaxisvalue[5]; }, color: "#4294DE" },
        { offset: "100%", color: "#15992A" }
 ])

**Update**

我添加了一张我想用渐变绘制的图形图像。因此，您可以看到，只要y值与5,2和1处的x轴值匹配，我希望渐变发生变化。此图基于用户输入而变化。因此，5,2和1永远不会处于相同的位置。那么有没有办法可以将位置转换为百分比以在渐变中使用它们，还是创建3个具有指定颜色的独立区域路径？

我已经包含了垂直网格线，因为我觉得很清楚。