Найти тему
QuintaDB

Как построить графики и диаграммы на сервисе QuintaDB

Новые функции

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

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

-2

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

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

-3

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

-4

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

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

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

-5

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

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

-6

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

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

-7

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

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

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

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

-8

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

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

-9

Вы можете:

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

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

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

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

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

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

-10

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

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

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

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

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

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

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

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

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

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

-11

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

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

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

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

-12