Свечной график (candlestick) на javascript без сторонних библиотек

5 000 руб. за проект
21 августа 2022, 20:00 • 3 отклика • 38 просмотров
Нужен скрипт свечного графика (японские свечи) на чистом javascript + canvas без использования сторонних библиотек (никаких библиотек для создания графиков!), для удобства можно на vue сделать если хотите.

нужно что-то похожее на tradingview, а именно:

1) вывод свечного графика

2) свободное перемещение (влево, вправо, вверх, вниз т.е. по осям X Y) с зажатой левой кнопкой мышки, при этом масштабирование не должно быть (как у tradingview, когда отключаешь "auto"), т.е. график загрузился в каком-то масштабе по умолчанию и можно свободно двигать его мышкой при этом масштаб изменяться не должен (это важно!)

3) масштабирование колесиком мыши по ширине (т.е. увеличивается ширина свечи), если зажать например Ctrl + крутить колесико мыши, масштабироваться будет по высоте (изменяется высота свечки), посмотрите, как это сделано на tradingview.com (там правда масштабирование по высоте сделано иначе, нужно в правой графе цены левой кнопкой мыши двигать вверх-вниз)

4) объем (выводить внизу), так же он должен полностью масштабироваться и передвигаться с графиком (т.е. все должно соответствовать свечам)

5) при наведении мышки так же, как на tradingview выводить перекрестие , внизу выделять дату, справа выделать цену

нашел вот такой пример, но здесь проблема с масштабированием (оно здесь жестко привязано) https://github.com/talkrz/price-chart можете взять за основу если хотите, но поведение мне нужно именно, как на tradingview !

По цене можно договориться
Отзывы
Avatar r50 a6ce93fe35b158fd29ba0e8681c918c22117160e9586a56eee4ffbc20df9bda1
Заказчик
Отличный человек, заказ выполнил очень быстро и главное качественно. Результат превзошел все мои ожидания! Огромное спасибо
1 год назад
R50 15aeb066000f2cc3360cc211e61e9dc0
Фрилансер
 
1 год назад