Новая версия уже опубликована, приглашаем ознакомиться

https://github.com/ggymm/data-view-web

Платформа для визуализации данных

Фронтенд

Графики основаны на echarts4.

UI часть основана на element-ui.

Дискуссионная группа

177745111

Разработка

npm install
npm run dev

Поддержка графиков

1. Точечные графики:
   • пузырьковые точечные графики;
   • точечные карты.
2. Линейные графики:
   • стандартные линейные графики;
   • линейные графики с временной осью;
   • сложенные линейные графики;
   • площадные сложенные графики.
3. Столбчатые графики:
   • градиентные столбчатые графики;
   • горизонтальные столбчатые графики;
   • сложенные столбчатые графики;
   • составные столбчатые графики;
   • двусторонние столбчатые графики.
4. Графики карт:
   • карта Китая;
   • мировая карта;
   • карты провинций.
5. Круговые диаграммы:
   • обычные круговые диаграммы;
   • кольцевые круговые диаграммы;
   • двумерные круговые диаграммы;
   • кольцевая диаграмма процентного соотношения;
   • список кольцевых диаграмм.
6. Диаграммы радаров:
   • базовые диаграммы радаров.
7. Тепловые карты:
   • базовая тепловая карта;
   • тепловые карты по провинциям;
   • тепловая карта по карте.
8. Диаграммы отношений:
   • диаграмма отношений 1;
   • диаграмма отношений 2;
   • диаграмма отношений 3;
   • диаграмма отношений 4;
   • диаграмма отношений 5.
9. Прочее:
   • облако слов;
   • карусель списков;
   • счётчик;
   • заголовок текста;
   • индикатор выполнения;
   • изображение;
   • время;
   • панель инструментов.

Серверная служба

Адрес открытого исходного кода серверной службы

1. Серверная служба написана на Go.
2. Веб-сервис использует фреймворк iris.
3. Уровень доступа к базе данных использует xorm.
4. В каталоге models/charts находятся все форматы данных для графиков, которые отвечают за присвоение значений данных из базы данных параметрам графиков во фронтенде.

Примеры проектов

Управление источниками данных

Список графиков

Редактирование графика

Конфигурация графика

Предварительный просмотр графика

Образцы графиков

Всего существует четыре шаблона графиков.

Адрес базы данных

Необходимые данные для шаблонов

После импорта базы данных не забудьте изменить данные источника данных в таблице data_source, включая учётные данные и пароли.

Шаблон графика 1

Шаблон графика 2

Шаблон графика 3

Шаблон графика 4