Возможно ли использовать несколько диаграмм с помощью chart.js, как на примере с фото?

Question

[nameme]

Подскажите пожалуйста, возможно ли реализовать графики как на изображение с помощью библиоткеки chart.js, и не слишком ли это будет сложно для новичка?

Answer 1

[origami1024]

Возможно, раздел официальной доки называется mixed charts:
https://www.chartjs.org/docs/latest/charts/mixed.html

И вот пример по нагляднее, тоже с официального сайта:
https://www.chartjs.org/samples/latest/charts/comb...

Comments

[nameme]

Не совсем разобрался где посмотреть код примеров.
В итоге у меня получилось сделать Mixed но не получается сделать адаптивным график, он отображает только верхнюю часть, и только когда наведешь мышь на какой-то бар.
Взгляните пожалуйста на мой вариант и подскажите что я должен изменить ?!
https://codepen.io/Some_Way/pen/KKdoRYq

[origami1024]

Код примеров в коде самой странички, на которую ссылка - нажимаешь правой кнопкой->view page source

В твоем примере добавил max-height канвасу равный max-height контенера, вроде всё адаптивно: https://codepen.io/origami1024/pen/mdexKWP

[nameme]

origami1024, на кодпен да, оно становится адаптивным но видишь - растягивается некрасиво (я так понимаю это можно как-то подправить в настройках самих баров ?), при переключение в режим девайса график подстраивается а на десктопе все-равно залазит под следующий блок.

[origami1024]

nameme, хз, у меня всё норм адаптируется и не налазит, видимо другие элементы контактируют с канвасом как-то коряво