Какую использовать библиотеку javascript для построения свечных графиков с возможностью изменять цвет фона по нажатию?

Question

[trettermert]

Здравствуйте! Нужна библиотека для построения свечных графиков, но трудность в том, что на самом графике при нажатии требуется менять цвет фона графика в определенном диапазоне.

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

Подскажите библиотеку JavaScript, в которой можно это реализовать.

Answer 1

[Сергей Соколов]

D3

Comments

[trettermert]

не подскажите какие именно функции использовать для изменения цвета и в дальнейшем изменения диапазона, на который этот цвет распространяется?

[Сергей Соколов]

trettermert: свечной график и выделение диапазона В терминах D3js такое выделение называется Brushing (кисточкой).

[vintage]

trettermert: D3 - это просто библиотека для рисования SVG. Прямоугольник сюда, прямоугольник туда. Проще всё это вообще руками делать, график у вас не ахти какой сложности.

[kstyle]

vintage: c D3 познакомьтесь сначала, а то ерунду пишете

[vintage]

kstyle: Открываем первую попавшуюся демку и видим ручное создание SVG в луших традициях jQuery: https://bl.ocks.org/mbostock/4062085

[kstyle]

vintage: ссылка https://github.com/d3/d3/blob/master/API.md и ваша фраза "D3 - это просто библиотека для рисования SVG. Прямоугольник сюда, прямоугольник туда. Проще всё это вообще руками делать" - зачем вы отвечаете на вопрос, если не в теме?

[trettermert]

Сергей Соколов: благодарю!

[vintage]

kstyle: Ок, кроме рисования SVG там есть ещё развесистая библиотека математических функций. Человеку нужно просто график отобразить, для этого нужна библиотека типа HighCharts, которой скармливаешь конфиг и данные, а она всё сама рисует, а вы ему низкоуровневую рисовалку предлагаете использовать.

[kstyle]

vintage: я комментировал фразу "D3 - это просто библиотека для рисования SVG. Прямоугольник сюда, прямоугольник туда. Проще всё это вообще руками делать". остальные ваши высказывания нет интереса обсуждать.

Answer 2

[Роман Турусов]

p5.js графическая библиотека