Тестовое задание для Пангеорадар
Пример данных
[
{"id": 1, "title": "name1", "rand": "apple"},
{"id": 2, "title": "name2", "rand": "tomato"},
{"id": 3, "title": "name3", "rand": "potato"},
{"id": 4, "title": "name4", "rand": "orange"}
]На странице должны быть отрисованы форма, таблица и график (круговая диограмма).
Таблица должна поддерживать сортировку столбцов и пагинацию. Кол-во строк в таблице должны задаваться в форме.
Форма представленна в виде трех полей:
- Кол-во записей для генерации
- Кол-во строк на страницу для вывода
- Перечисленные через запятую слова участвующие при заполнении поля rand в данных
Изменения применяются по кнопке, также нужно отрисовать кнопку сброса значений на дефолтные.
При нажатии на кнопку применения значений, код должен сгенировать рандомные данные согласно указанным значениям и отрисовать их с таблице. Диаграмма должна отрисовывать общее кол-во строк для уникальных полей rand в сгенеренных данных.
Задание под звездочкой:
- Предусмотреть валидацию полей
- Предусмореть экспорт отфильтрованных данных в csv
- Предусмореть изменение вида диаграммы на стоблчатую