Реализация графических элементов

 

Для перенесения графиков в  определенную страницу использована библиотека Fusion Charts.js и конкретный оберточный модуль для Django, fusioncharts.py.

Пример графика изображен на рис. 3.3

Рисунок 3.3 - Пример графика тренда на FusionCharts.js

 

Для вывода задач и отображения графиков был добавлен модуль charts.py. У него  две функции:

· trend_chart (data, chart_caption, chart_subcation, number_prefix, container_id) - вернуть объект, представляющий собойJavaScriptкомпонент для отрисовки столбчатой диаграммы тренда. График отображается по данным и подписывается строкой chart_caption (название графика) и chart_subcation (подзаголовок графика). number_prefix – это строка, которая добавляется в число слева (например, для указания валюты). Этот компонент будет отрисован в HTML-теге, который имеет имid, равным указанномуcontainer_id.

· time_series_chart (данные, прогноз, chart_caption, chart_subcaption, number_prefix, container_id) - работает, аналогичноrend_chart, но time_series_chartоптимизируется при анализе временных рядов: есть возможность построить диаграмму в одних осях и график, который представляет линейную структуру. Поэтому кроме аргумента данные прогнозируются аргументом prognosis (прогноз), который должен соответствовать данным, по которым он был построен.

Пример графика, полученного с помощью time_series_chart, отображается на рисунке 13

Рисунок 13 - Пример графика, полученного с помощью time_series_chart

Fusion Chartsizмодуль fusioncharts.py, который инициализирует объект, подлежащий рендерингу.

 


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: