Как сделать линейную диаграмму chart.js?

Question

[TipTop89]

Надо сделать стили как здесь:



Всё, что смог сделать вместе с документацией chart.js и гуглом:

Comments

[szQocks]

градиент ?

[TipTop89]

szQocks, и он тоже, если вставляю градиент то все просто становится серым. И вообщем разлинейка, соотношение месяцев, лейбел

[szQocks]

TipTop89, я глянул доки у библиотеки этой, и там нет возможности сделать фон градиентом такой же как на скрине.

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

что бы вообще на отдельном холсте сделать такой же градиент на кривой - нужно узнать точки на кривой которая расположена на холсте - то есть найти x,y - пробежаться по этим точкам соединив линиями в итоге из этих линий получится фигура которую можно залить уже градиентом

[szQocks]

TipTop89, мало ли если я где-то проглядел доки, и ты сможешь найти x,y хотя бы каждой из точек которые расставлены у тебя на кривой, то пиши - смогу помочь

[TipTop89]

szQocks, а не знаете как цифры слева переместить вправо как на картинке?

[Модератор]

Не надо ставить как можно больше тэгов. Лучше оставить один, но конкретный, с которым проблема.
См.п.3.1 Регламента.

Answer 1

[coderisimo]

За всю стилизацию не скажу, но ... Как сделать шкалу справа :

scales: {
   yAxes: [{
    display: true,
    position: 'right', <--- ЭТО ОНО!
    ticks: {
     beginAtZero: false,
     max: 2000,
     min: 1000,
     stepSize: 100
    }......
   }

дока, смотрите Axis Position

Градиент. Вроде есть плагин
https://github.com/kurkle/chartjs-plugin-gradient