Можно ли отобразить линейный градиент в высоких частях, у которого есть несколько остановок?

Question

Я пытаюсь создать диаграмму колонны, которая отдает линейный градиент, который легче в центре колонны (как будто это был цилиндр). Кажется, я не могу понять, можно ли получить высокие чашки, чтобы создать линейный градиент с более чем одной остановкой.

Вот мой код:

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

Answer 1

Я думаю, что если бы остановки были такими, это сработало бы:

Остановки: [[0, '#12A2E9'], [0,5, '#ffffff'], [1, '#12A2E9']]]]

Первым числом в остановках является первое. Это может быть полезно:

https://developer.mozilla.org/en-us/docs/web/guide/html/canvas_tutorial/applying_styles_and_colors#a_createlineargradient_example