是否可以在具有多个停靠点的高图中呈现线性渐变？

Question

我正在尝试创建一个柱形图，该柱形图呈现一个在列中心较浅的线性渐变（就好像它是一个圆柱体）。我似乎无法弄清楚是否有可能获得高图来创建一个多停止的线性渐变。

这是我的代码：

{
        linearGradient: [0, 0, 100, 0],
        stops: [[0, '#12a2e9'], [1, '#ffffff'],[0, '#ffffff'], [1, '#12a2e9']]
}

Answer 1

我认为，如果停止是这样的话，它会起作用：

停止：[[0，'＃12a2e9']，[0.5，'＃fffffff']，[1，'＃12a2e9']]

止损中的第一个数字是百分数。这可能很有用：

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Applying_styles_and_colors#A_createLinearGradient_example