Итоги использования ECharts

Описание проекта

В этом проекте демонстрируется использование ECharts для создания столбчатых диаграмм, линейных графиков, круговых диаграмм, радарных диаграмм, карт и облаков тегов.

Инструкции по использованию

1. Файл 1.html содержит: столбчатые диаграммы, линейные графики, круговые диаграммы, радарные диаграммы
2. Файл 2.html содержит: отображение данных на карте, взаимодействие карты и выпадающего списка (при выборе региона из выпадающего списка карта этого региона выделяется; при выборе региона на карте соответствующий регион в выпадающем списке выбирается)
3. Файл 3.html содержит: отображение данных на карте для всей страны или отдельного региона, при выборе региона происходит переход к детализированному отображению этого региона, при выборе страны происходит переход к общему отображению
4. Файл 4.html содержит: отображение данных на карте с метками для каждого региона
5. Файл 5.html содержит: три различных облака тегов (прямоугольное дерево, отображение тегов, рекомендованные теги)
6. Файл 6.html содержит: простое отношение (один ко многим), сложное отношение (нейронная сеть)#### Сравнение ECharts и D3
7. Для выполнения требований клиентов, связанных с большим количеством пользовательских сценариев взаимодействия, использование D3 более удобно, так как D3 поддерживает обработчики событий для SVG-графиков. Он основан на работе с DOM, и для реализации определенного действия достаточно вызвать соответствующий метод. В D3 есть цепочное программирование, что похоже на цепочное программирование в jQuery, что делает его простым и удобным для чтения.
8. Для отображения больших объемов данных без необходимости сложных пользовательских сценариев взаимодействия, рекомендуется использовать ECharts. Если использовать D3, каждый элемент данных будет представлять отдельный тег, и при изменении данных будет происходить перерисовка всего графика, что приведет к постоянной работе с DOM, что является ресурсоемкой операцией.
9. С точки зрения совместимости: ECharts совместим с IE6 и всеми основными браузерами, в то время как D3 совместим с IE9 и всеми основными браузерами. Если проект требует совместимости с IE6, рекомендуется использовать ECharts.