k0uzer / echarts

Мини-React приложение с api Echarts для работы с графиками

Проект: Курсы валют для Газпромнефть-ЦР

Реализация тестового задания.

Ход работы:

1.Импорт из библиотеки. После чего был настроен объект option для реализации статичного графика.

2.После реализации статичного графика из библиотеки Consta UI Kit был инпортирован элемент ChoiceGroupExample.

3.Далее были реализованы хуки, которые были необъодимы для динамики нашего контента. Именно благодаря главному хуку stateInterface и контролируется состояние всего приложения.

4.После чего были написаны filteredData, averageValue обеспечивающие нас фильтрованными массивами для изменения текущих состояний и вычисления среднего значения валюты.

5.После чего данные об валютах были перенесены на api и получены через асинхронную функцию, находящуюся в хуке useEffect, в которой воспользовавшись библиотекой axios мы получаем данные.

6.После чего добавлены хуки isLoading, isError, а так же добавлен соответствующий JSX код для их работы.

7.Был создан CSS файл, куда были переданы стили для классов и id root.