Как реализовывать график с градиентом (background) + линия прогноза?

Question

[Vasyl Semilyak]

Всем привет! Как реализовать график с таким градиентом на заднем фоне? Также нужна линия прогноза (штрихованая)

Answer 1

[GreatRash]

Маски.

Answer 2

[Александр Коротаев]

Градиентная линия jsfiddle.net/9bMPD

Суть в том, чтобы сделать градиент и его можно использовать в качестве заливки для полигона или линии.

Стиль штрихованной линии задается для всего контекста сразу при помощи
ctx.setLineDash([5, 5])
После использования его надо сбрасывать.