English Флаг English Español Флаг Español Deutsch Флаг Deutsch Italiano Флаг Italiano Polski Флаг Polski Nederlands Флаг Nederlands Português Флаг Português Français Флаг Français 中文 Флаг 中文 日本語 Флаг 日本語 हिन्दी Флаг हिन्दी اللغة العربية Флаг اللغة العربية Русский Флаг Русский Українська Флаг Українська עִברִית Флаг עִברִית Ελληνικά Флаг Ελληνικά Türk Флаг Türk Latvietis Флаг Latvietis Dansk Флаг Dansk Norsk Флаг Norsk Íslenska Флаг Íslenska 한국어 Флаг 한국어 Suomen Флаг Suomen Gaeilge Флаг Gaeilge Bahasa Melayu Флаг Bahasa Melayu Svenska Флаг Svenska Čeština Флаг Čeština
Пользователь ИконкаВойти
Русский Флаг Русский

Войти

 

Как построить диаграмму в QuintaDB

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

Содержание:

Создание диаграммы (графика)
Настройки
Интеграция диаграммы на сайт
Поиск по диаграмме
 

Вы можете создавать и интегрировать диаграммы на основе вашей онлайн-базы данных в QuintaDB.

Их можно распечатать и загрузить как изображение PNG, JPEG, документ PDF или как векторное изображение SVG.

В этом посте мы рассмотрим пример, как создать диаграмму.

Откройте таблицу с данными

Перейдите в модуль "Диаграммы", используя боковое меню:

Выберите тип диаграммы. Доступны следующие типы:

  • Линии
  • Диаграмма-область
  • Горизонтальная столбчатая диаграмма
  • Вертикальная столбчатая диаграмма
  • Диаграмма рассеивания
  • Круговая диаграмма

Вы можете изменить тип диаграммы в любой момент.

Выберите источник данных: таблицу и колонку с данными.

Укажите название и цвет:

Нажмите на кнопку "Сохранить". Обратите внимание: вы можете добавить несколько источников данных на одну диаграмму.

Настройте ось-Y. Вы можете указать название (или оставить пустым) и минимальное-максимальное значение для оси.

Нажмите на кнопку "Обновить".

Настройте ось-Х. Для оси-Х можно установить следующие настройки:

  • По умолчанию (от 0 до 100)
  • Автоматически (от минимума до максимума)
  • Автоинкремент
  • Список значений
  • Поле (раскрывающийся список, радио, чекбокс)
  • База данных

Если вы выбрали "База данных", вам нужно выбрать таблицу, колонку и тип сортировки (по возрастанию, убыванию, по колонке).

Нажмите на кнопку "Обновить".

Настройки диаграммы.

Вы можете:

- Показать/скрыть легенду и выбрать ее расположение.

- Указать префикс и суффикс для значений (например, для валюты или для процентов).

- Указать разделитель дробной и целой части, а также разделитель тысяч.

- Указать количество цифр после запятой.

- Указать округление значений ("2" по умолчанию).

 

Другие настройки:

- С накоплением (для Вертикальных и Горизонтальных столбчатых диаграмм, с более чем одним источником данных) используется для сравнения данных, с возможностью разбиения и сравнения целой части.

- Круговая диаграмма используется для пропорционального отображения данных в видео круга с отверстием.

- Точки - показывает и скрывает точки на диаграмме.

- Размеры байтов - показывает размер в байтах на диаграмме.

- Кривая (для Линий и Диаграммы-области) превращает линии в кривые.

- Скачать добавляет иконку для скачивания на диаграмму.

- Дискретный (для Вертикальных и Горизонтальных столбчатых диаграмм, с более чем одним источником данных) используется для отключения сортировки столбцов по возрастанию.

Показывать незначащие нули используется, чтобы скрыть лишние нули. Полезно для валюты.

- Показывать название используется, чтобы показать или скрыть название диаграммы.

Также, вы можете показать или скрыть: Х/Y отметки, сделать их обратными, показать или скрыть линии сетки и границы осей.

Укажите размер диаграммы: Ширину и Высоту.

Также, вы можете активировать опцию "Сохранить соотношения сторон" и "Адаптивный" размер.

Вы можете ввести сообщение, в случае отсутствия данных.

Чтобы встроить диаграмму на сайт, достаточно скопировать и вставить iframe или JavaScript код из вкладки Интеграция:

Интеграция графика

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

поиск по графику