Увійти

Увійти



Ви ще не зареєстровані?


Відновити пароль Активація

Як побудувати діаграму або графік в QuinaDB

В QuinaDB можна побудувати діаграму на основі даних з таблиці

Ми раді представити вашій увазі новий функціонал, який став доступним в системі QuinaDB. Мова йде про створення діаграм на базі існуючих таблиць з даними.

 

Як побудувати діаграму або графік в MyTaskHelper

 

 

В системі доступні наступні типи діаграм:
• Лінійчаті діаграми;
• Стовпчасті діаграми;
• Діаграми розсіювання.

 

Також у кожного користувача з'явилася можливість зберегти діаграму у вигляді jpeg, png зображень чи pdf документу, навіть у вигляді svg векторного зображення.

Нижче представлені існуючі типи діаграм. З даної статті ви дізнаєтеся, як легко і просто створювати діаграми в системі QuinaDB.

Лінійчаті діаграми

 

Линейчатая диаграмма (сплайн)

 

Диаграмма линии (ломаная кривая)

  

 

 

 

 

 

 

  Диаграмма область

  

  

  

  

  

  

 

  

Стовпчасті діаграми

Горизонтальная группированная столбчатая диаграммаГоризонтальная столбчатая диаграмма

  

  

  

  

  

  

 

Вертикальная группированная столбчатая диаграмма

Вертикальная столбчатая диаграмма

  

  

  

  

  

  

  

Діаграми розсіювання

Диаграмма рассеивания

 

Лінійчата діаграма

В даній статті ми більш детально зупинимося саме на лінійчатих діаграмах. Так, на скріншотах ви можете бачити назву діаграми, осі Х і У (дані імпортуються з бази даних, створеної за допомогою сервісу QuinaDB).

 

Линейчатая диаграмма

 

 Створення бази даних "Прибутки" і побудова відповідної діаграми 

В якості прикладу створимо базу даних з прибутками і на її основі побудуємо відповідні графіки. Для цього заходимо в меню Мої проекти і тиснемо на кнопку Створити новий проект.  

 

 У вікні, що з'явилося, у відповідних полях вводимо назву майбутнього проекту і ім'я веб-форми.

 

Створимо базу даних "Прибутки" та діаграму на основі нашої БД. Для цього на форму додамо наступні поля: Дата, Надходження, Витрати, Чистий прибуток (поле формула).

Потім додамо в базу даних кілька записів, за якими і побудуємо нашу діаграму. 

Наступний крок - це перехід в меню  Діаграми.   

 

Для того ж, щоб видалити діаграму, слід натиснути на відповідну іконку. Щоб відредагувати вже існуючу діаграму тиснемо на посилання Редагувати діаграму. З'явиться вікно редагування, в якому всього за кілька хвилин можна створити, налаштувати і вбудувати на сайт діаграму, побудовану на основі інформації з бази даних.  

 

 

Перейшовши за посиланням на редагування, ви побачите всі доступні опції налаштування діаграм.

Нижче показано як змінити назву діаграми, її тип (доступні наступні типи: лінійчаті діаграми, стовпчасті діаграми, діаграми розсіювання). Щоб змінити тип, необхідно клікнути на потрібну картинку, потім сторінка сайту перевантажиться і зміни набудуть чинності.  

 

 

Наступний важливий крок - додавання джерела даних для діаграми. По-перше, в якості джерела даних необхідно вибрати таблицю або звіт. 
Слід зауважити, що вибирати можна серед усіх існуючих таблиць або їх звітів. Якщо говорити про наш приклад, то це таблиця "Прибутки". Потім додаємо до таблиці наступні колонки: Надходження, Витрати, Чистий прибуток

 

Ви завжди можете змінити назви ліній на діаграмі і їх колір. Щоб зміни вступили в силу тиснемо кнопку "Оновити". Щоб додати нову лінію на діаграму, тиснемо на посилання Додати джерело даних і вибираємо необхідну колонку в таблиці.

 Для осі Y завжди можна змінити мітку і задати діапазон значень.

 

 Для осі Х існує кілька способів завдання значень:

 • за замовчуванням (значення від 0 до 100);

 • автоматично (від мінімуму до максимуму);

 • діапазон значень;

 • перелік значень;

• основною опцією є вибір колонки з БД як значень для осі Х.     

 

 
Для того, щоб встановити діаграму на сайті необхідно лише скопіювати iframe-код і розмістити його на потрібній веб-сторінці. Інший варіант - використання прямого посилання на діаграму. В системі також є можливість змінити розміри вікна діаграми. Для цього необхідно просто завдати необхідні значення в пікселях (ширину і висоту).  
 
 

Будь ласка, увійдіть в QuintaDB, щоб мати можливість залишати коментарі
Поділитись обговоренням в соціальних мережах: