Bitrix

1С-Битрикс и диаграммы

Хочу рассказать об одном известном варианте сделать личный кабинет пользователя более информативным. Это конечно же диаграммы и графики.
Добавить их в Битрикс можно как с помощью библиотек jquery, так и при помощи функций Битрикс, которые входят в файл /bitrix/modules/main/img.php.

Диаграммы

Для того, чтобы строить диаграмму используется вызов функции


function Circular_Diagram($ImageHandle, $arr, $background_color, $diameter, $centerX, $centerY, $antialiase=true)
$ImageHandle — дескриптор изображения
$background_color — фон
$diameter — диметр круга
$centerX — координаты центра по оси Х
$centerY — координат центра по оси Y
$antialiase — сглаживание (улучшает качество изображения)
$arr — ассоциативный массив вида:
$arr[]["COLOR"] => код цвета в шестнадцатеричном виде
$arr[]["COUNTER"] => значение (число). От значения зависит величина сектора круга.

Для того, чтобы создать диаграмму, сделаем файл и назовем его diagramm.php :


<?
require_once($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");
require_once($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/img.php");

$arChart = array();
$color = «»;
$totalRecords = 10;
$diameter = 450;

for($i=1; $i<10; $i++) { $arChart[] = Array( «COLOR»=> $color = GetNextRGB($color, $totalRecords),
«COUNTER» => $i*50
);
}

$ImageHandle = CreateImageHandle($diameter, $diameter);
Circular_Diagram($ImageHandle, $arChart, «000000», $diameter, $diameter/2, $diameter/2);
ShowImageHeader($ImageHandle);
?>

Вот так выглядит результат вывода этого скрипта в браузере:
Выделение_015

Вызывать на странице его можно через img-тег таким образом <img src=»diagramm.php» alt=»» />

Отставить комментарий

Ваш электронный адрес не будет опубликован.Обязательные для заполнения поля отмечены *

2 × 4 =