Написать скрипт графика html canvas на javaScript

Бюджет: 1 000 — 2 000 ₽/час
Заказчик выбрал исполнителя:
Кирилл Козлов  
Нужно реализовать график на html canvas, отрисовать график таким образом чтобы он менялся пропорционально ширине canvas элемента. 

На вход скрипт должен получать 3 цифры
График рисуется по следующей логике

1 сектор левая часть 0 высоты, правая часть в данном случае 50% от высоты черной первой линии

2 сектор левая часть 50% от высоты левой линии правая часть 30% от высоты правой линии

3 сектор левая часть 30% от высоты левой линии 20% от высоты правой линии

В зависимости от переданных параметров в скрипт график перерисовывается

грубо говоря если передать 100 100 100 то получится повтор светло-желтой части

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

Для графика необходимо использовать ООП поскольку графиков на странице может быть несколько.
Опубликован 26.02.2024 в 13:45

Выберите способ верификации:

Обновите страницу после прохождения верификации.