Для перенесения графиков в определенную страницу использована библиотека 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, который инициализирует объект, подлежащий рендерингу.