Диаграмма Пуля (Bullet). Отображаем графики ToastUI в веб клиенте 1С

Решение 1Chart - мощь HTML5 диаграмм библиотеки ToastUI в 1С позволяет строить разные диаграммы, но имеет два недостатка:

1. Не реализован график Bullet (Пуля)

2. Без обработки напильником не работает в веб клиенте.

Данное решение закрывает оба недостатка.

Диаграмма Пуля (Bullet)

Этот вид диаграммы удобен, например, для  показа наполненности водохранилищ. Цветом можно выделить, если уровень упал ниже минимального или поднялся выше допустимого. Трудность возникла из-за того, что водохранилища очень разные. Ёмкость отличается в тысячи раз. Если показывать в абсолютных величинах, то маленькие совсем теряются. Поэтому в данном решении есть возможность нормализовать значения и строить график по относительным значениям.
В демо обработке даны два варианта Пули. По абсолютным и по относительным значениям.

Чтобы меньше морочить людям голову сериями и диапазонами, график может строиться по таблице значений. Каждая строка значения это отдельная серия диаграммы. Название серии идёт в первой колонке. Значение серии во второй колонке. Начиная с третьей колонки идут значения диапазонов. Значением диапазона может быть массив с двумя числами или число, в этом случае диапазон отсчитывается от нуля. Кроме того в таблице значений может быть строковая колонка Цвет, где указывается цвет серии. В колонке Метки указываются значения меток на серии - массив чисел или одно число.

HTTP сервис

Несмотря на то, что диаграммы строятся яваскриптом, для отображения в веб клиенте приходится прилагать дополнительные усилия. В расширении текст диаграммы кладётся в регистр сведений и возвращается http-сервисом по уникальному идентификатору.

Для того, чтобы отобразить диаграмму на форме в поле html документа кладётся ссылка вида http://127.0.0.1/toastui/hs/lyaytoast/075be752-4997-49b9-9d03-4e94ee56f653 , где
http://127.0.0.1/toastui - путь к базе на веб сервере
lyaytoast - имя хттп сервиса в расширении
075be752-4997-49b9-9d03-4e94ee56f653 -  уникальный идентификатор под которым текст диаграммы сохранён в регистре сведений.

В настройках расширения при этом необходимо указать путь к базе на веб сервере. Причём доступ лучше всего сделать анонимным. Для этого имя пользователя и пароль прописываем в vrd файле публикации.

Если используется хттп сервис, то и скрипты предоставляет он же. Обращений к сторонним ресурсам не выполняется. Это может быть полезно, если нет доступа в интернет.

	тзНаполнениеВодохранилищ = Новый ТаблицаЗначений;
	тзНаполнениеВодохранилищ.Колонки.Добавить("Водохранилище");
	тзНаполнениеВодохранилищ.Колонки.Добавить("МаксимальноеНаполнение", , "Макс.");
	тзНаполнениеВодохранилищ.Колонки.Добавить("ТекущееНаполнение", , "Текущее");
	тзНаполнениеВодохранилищ.Колонки.Добавить("МинимальноеНаполнение", , "Мин.");
	тзНаполнениеВодохранилищ.Колонки.Добавить("Цвет");
	тзНаполнениеВодохранилищ.Колонки.Добавить("Метки");
	
	стрТЗ = тзНаполнениеВодохранилищ.Добавить();
	стрТЗ.Водохранилище = "Чиркейское";
	стрТЗ.МаксимальноеНаполнение = 2.78;
	стрТЗ.МинимальноеНаполнение = 0.5;
	стрТЗ.ТекущееНаполнение = 2.5;
	стрТЗ.Цвет = "#00CC99";
	масМеток = Новый Массив;
	масМеток.Добавить(2.6);
	масМеток.Добавить(1.8);
	стрТЗ.Метки = масМеток;

	стрТЗ = тзНаполнениеВодохранилищ.Добавить();
	стрТЗ.Водохранилище = "Гергебильское";
	стрТЗ.МаксимальноеНаполнение = 0.00119;
	стрТЗ.МинимальноеНаполнение = 0.0001;
	стрТЗ.ТекущееНаполнение = 0.00019;
	стрТЗ.Цвет = "#00CC99";
	стрТЗ.Метки = 0.0011;
	
	стрТЗ = тзНаполнениеВодохранилищ.Добавить();
	стрТЗ.Водохранилище = "Ирганайское";
	стрТЗ.МаксимальноеНаполнение = 0.601;
	стрТЗ.МинимальноеНаполнение = 0.2;
	стрТЗ.ТекущееНаполнение = 0.8;
	стрТЗ.Цвет = "rgba(255, 0, 0, 0.5)";
	стрТЗ.Метки = 0.5;

	масЦветовДиапазонов = Новый Массив;
	масЦветовДиапазонов.Добавить("rgba(10, 10, 200, 0.5)");
	масЦветовДиапазонов.Добавить("rgba(128, 10, 10, 0.5)");
	ТекстовыйДокумент = lyayToast_Диаграммы.ПолучитьГрафикПуля(тзНаполнениеВодохранилищ, "Относительная заполненность водохранилищ км3", 640, 480, масЦветовДиапазонов,, Истина);
	html_Диаграммы = lyayToast_Диаграммы.ПолучитьСсылкуНаДиаграмму(ТекстовыйДокумент.ПолучитьТекст());

К сожалению, под Ubuntu 23.10 на 1С 8.3.24.1342 отобразить графики не удалось ни в толстом, ни в тонком клиенте.