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

Хочу попробовать!

Мы рады представить вашему вниманию новую функциональность в системе MyTaskHelper - создание диаграмм на базе существующих таблиц с данными.

В системе доступны следующие типы диаграмм:
- диаграммы линии;
- столбчатые диаграммы;
- диаграммы рассеивания;

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

Ниже представлены существующие типы диаграмм. В данном блог посте я покажу как просто создавать диаграммы в системе MyTaskHelper.

Диаграммы линии

   Столбчатые диаграммы

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

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

В данном блог посте я более подробно остановлюсь именно на этом типе. Вы можете видеть название диаграммы, оси Х и У (данные импортируются из базы данных).

Вы можете спрятать либо показать необходимые линии, для этого следует нажать на соответствующие иконки под диаграммой.  Важной особенностью является то, что диаграмму можно сохранить в виде JPEG, PNG изображений, документа pdf или SVG векторного изображения.   

 Создание базы данных "Доходы" и построение соответствующей диаграммы 

Для этого заходим в меню Мои проекты и жмем на кнопку Создать новый проект. 

 В появившемся окне в соответствующих полях вводим название проекта и формы.

Создадим базу данных "Доходы" и диаграмму на основе данной БД. На форму добавим следующие поля: Дата, Поступления, Расходы, Чистая прибыль (поле формула).

Затем в базу данных добавим несколько записей, по которым построим нашу диаграмму. 

Переходим в меню Диаграммы.   

На странице диаграмм, используя бесплатный аккаунт, вы сможете создать только 3 диаграммы. При покупке платного аккаунта - сколько угодно. Чтобы удалить диаграмму нажмите на соответствующую иконку. Чтобы редактировать существующую диаграмму жмем на ссылку Редактировать диаграмму. Появится окно редактирования, в котором вы всего за несколько минут сможете создать, настроить и встроить на сайт диаграмму базы данных. 

Нажав на ссылку редактирования вы увидите все доступные настройки диаграмм.

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

Следующий важный шаг - добавление источника данных для диаграммы. Во-первых, необходимо выбрать таблицу или вьюшку в качестве источника данных. 
Следует заметить, что выбирать можно среди всех существующих таблиц созданных баз данных или их виджетов (вьюсов). В данном случае это таблица "Доходы". Затем добавляем следующие колонки данной таблицы: Поступления, Расходы, Чистая прибыль. Вы всегда можете изменить названия линий на диаграмме и их цвет. Чтобы изменения вступили в силу жмем кнопку "Обновить". Чтобы добавить новую линию на диаграмму, жмем на ссылку Добавить источник данных и выбираем необходимую колонку в таблице.  

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

 Для оси Х существует несколько способов задания значений:

- по умолчанию (значения от 0 до 100);

- автоматически (од минимума до максимума);

- диапазон значений;

- список значений;

- основной опцией является выбор колонки из БД в качестве значений для оси Х.     

11.03.2011 Игорь Петрушенко