Chart.js和渐变背景颜色

Question

我有这张图：

我正在使用linearGradient为线条之间的区域着色。 我正在计算切割点的x，然后计算渐变的addColorStop(offset, color)的偏移量。

将tension属性设置为0时，（表示直线）图表会按预期变色。 问题是，当我将tension设置为0.5时，我得到以下结果： 原因是张力是由贝塞尔曲线计算的，它改变了我用来计算切割点的等式（原点已经改变）。

问题是，如何计算张力后的点坐标？

Codepen演示此问题：https://codepen.io/benma/pen/goRMVp

修改

here is a plunker演示了动态数据的问题，包括我计算交叉点的方式。