Как нарисовать бегущий график?

Question

[Андрей Охотников]

Как сделать подобный график как тут? https://ru.expertoption.com/
Просто нарисовать график могу, а как сделать чтобы он перемещался не соображу как? может есть библиотека или готовое решение?

Answer 1

[Дима Паутов]

Точно так же, как и с html + css. У канваса, условно, 500px ширина, а у слоя с графиком 2000px. Отрисовали слой с графиком, запускаем анимацию смещения по оси X. Пишем условие, если докрутили до конца, останавливаем анимацию.
https://jsfiddle.net/wjhn7qb4/ - например так. Условие остановки я конечно не стал писать, суть не в этом.

Comments

[Андрей Охотников]

Спасибо

Answer 2

[Максим Тимофеев]

Конкретно там сделано на canvas.

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

Ну так почитайте, посмотрите примеры:
https://www.google.com/search?q=canvas+animation&o...