- Необходимо доработать библиотеку на чистом JS чтобы итоговое решение подрузомевало только уже подстановку данных
- Необходимо также адаптация под мобильные устройства
- Поддержка темной и светлой темы
Чарт должен содержать
------------------------------------------------------------------------------------------------------------------------------
0. Он нужен в двух решениях bar https://bit.ly/3fM7G9J стиль и graphic https://bit.ly/3EkIy4e стиль
1. Также в обоих решения должен еще быть один слой, который нужен для нашей AI системы которая делает предсказания на 1 либо 3 дня вперед и показывать как оне предсказывала прошедшие дни.
- Слой предсказаний - отображает как он предсказывал по прошедшим датам и он должен показать какой рост будет через 1 либо 3 дня. Скрин как рисуем на данный момент прикрепил
- То что показываем от AI на 1 или 3 дня вперед отрисовываем с использованием анимации, а все дни по сегодня градиентов как тут https://apexcharts.com/javascript-chart-demos/line-charts/gradient/
- Решение не плохое тут, змейка которая создает иллюзию движения вперед, скрин прикрепил, а пример тут https://gionkunz.github.io/chartist-js/index.html
либо как у апекса https://apexcharts.com/javascript-chart-demos/line-charts/realtime/
https://apexcharts.com/javascript-chart-demos/line-charts/gradient/
- Слой разных типов дат. К примеру если блогер. То поддержка вывода лайков, просмотров и прочих слоев даты которые у нас относятся к этому айтему
2. Подобный временная шкала под графиком
https://echarts.apache.org/examples/en/editor.html?c=custom-error-bar
https://www.fusioncharts.com/fusiontime
3. Dropdown time range - Last Year, Last 3 months, Last month, Last week, Last 3 days
4. Dropdown metrics - By views, by likes, etc
5. Dropdown granularity - Monthly, etc
6. Buttons
Иконка обновления - которая возвращает на дефолт состояние
Иконка для скрина чарта с dropdown для выбора в каком формате
7. Logo - В левом углу чарта должен быть лого платформы
На мое мнение самая удобная либа для работки apexchart поскольку многое там уже есть, но также приведу примеры где многое из этого уже реализовано, и Вам решать исходя из сколов на основе какой Вы можете покрыть указанные пункты
- https://apexcharts.com/javascript-chart-demos/area-charts/datetime-x-axis/
- https://ej2.syncfusion.com/demos/#/bootstrap5/stock-chart/default.html
Скрины - https://drive.google.com/drive/folders/1AWaudIckKVbTDQ13tjskTr-o2Ir64rox?usp=sharing
