Необходимо создать анимированный график на JQUERY

График наподобие https://canvasjs.com/editor/?id=https://canvasjs.com/example/gallery/jquery/export-feature/

Подробная информация по нему:

- график должен отображать количество собранных средств, и должен быть разделен по оси Y на несколько частей горизонтальными линиями (у каждой части будет подпись сразу над линией, например: 20 процентов, изначально надписи будут полупрозрачными, когда сумма будет доходить до какой-то области надпись в этой области будет становиться непрозрачной)- ось Х это время где начальная точка - дата запуска сбора средств, конечная точка - дата окончания сбора средств- ось Y это собранная сумма - начало графика, соответственно ноль, конец графика - необходимая минимальная сумма

- область ПОД линией должна выделяться градиентной заливкой (не одноцветной)

- точек на графике не должно быть видно.

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

- сам график будет обновляться в реальном времени (пхп программист может выдавать новое значение когда кто-то пополнит баланс)

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