Описание модуля

Позволяет выводить на страницах Вашего сайта диаграммы и графики. Основано на функционале Google Chart. На данный момент поддерживается 5 видов диаграмм:

  • Круговая
  • Вертикальная гистограмма
  • Горизонтальная гистограмма
  • График
  • График с областями

Инструкция по настройке

  1. Установите модуль. После этого в визуальном редакторе появится новый компонент.
  2. Разместите его на странице и настройте параметры компонента: следует выбрать тип диаграммы, подписи к диаграмме и для осей x и y.
  3. Данные в диаграмму передаются с помощью переменной, содержащий массив. До вывода компонента на странице должна быть определена и заполнена переменная-массив с данными для построения диаграммы. Пример есть в справке в параметрах компонента возле соответствующего параметра.

Пример массива с исходными данными

Подобный код с данными для построения диаграмм необходимо вставить на страницу до подключения компонента:

 <?php
   $arData = array();
   $arData[] = array("Год", "Доходы", "Расходы", "Прибыль");
   $arData[] = array("2004", 1000, 400, 600);
   $arData[] = array("2005", 1170, 460, 1170-460);
   $arData[] = array("2006", 660, 1120, 660-1120);
   $arData[] = array("2007", 1030, 540, 1030-540);
   $arData[] = array("2008", 1700, 1200, 1700-1200);
?> 

Демо

Круговая


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


Горизонтальная гистограмма


График


График с областями


Как установить на свой сайт?

Страница продукта в 1C-Битрикс Маркетплейс: http://marketplace.1c-bitrix.ru/solutions/webslon.chart/