Введение

Диаграммы Sankey — мощный инструмент для визуализации потоков данных, позволяющий наглядно представить взаимосвязи между различными элементами системы. В 1С стандартные средства визуализации ограничены, и диаграммы Sankey отсутствуют. Однако, с помощью элемента «Поле HTML документа», можно расширить функциональность 1С, используя возможности HTML, JavaScript и CSS.

Решение

В данной заметке мы рассмотрим использование библиотеки ECharts для построения интерактивных диаграмм Sankey в 1С. ECharts — это мощная и гибкая библиотека, предоставляющая широкий набор функций для создания различных типов диаграмм, включая Sankey.

Интеграция ECharts в 1С

Интеграция происходит путем встраивания HTML-страницы с кодом диаграммы в элемент формы 1С «Поле HTML документа».

Для двустороннего взаимодействия 1С и JavaScript используется механизм эмуляции событий. 1С вызывает JavaScript-функции, передавая необходимые параметры, а JavaScript возвращает результат, эмулируя нажатие кнопки с уникальным идентификатором «adapter1c».

Возвращаемые параметры и имя вызванного метода сохраняются в глобальных переменных JavaScript, которые доступны для обработки в 1С.

Полный исходный код проекта доступен для скачивания в архиве в конце страницы.

Примеры использования

Визуализация движения товара

Представим, что нам необходимо визуализировать движение товара от поставщика до конечного потребителя. С помощью диаграммы Sankey мы можем наглядно отобразить все этапы этого процесса: закупку у поставщика, перемещение на склад, продажи оптом и в розницу. Каждый этап будет представлен узлом диаграммы, а связи между ними – потоками, толщина которых будет отражать объем товара.

Визуализация распределения дохода

Диаграмма Sankey может наглядно отобразить распределение дохода от бизнеса. Например, можно визуализировать как доход делится на операционные расходы (зарплата, коммунальные услуги), переменные затраты (налоги, материалы), инвестиции (закупка оборудования) и прибыль. Это позволит быстро оценить структуру доходов и расходов, выявить основные статьи затрат и прибыли.

Преимущества использования диаграмм Sankey в 1С

Наглядность: Диаграммы Sankey позволяют быстро и легко оценить потоки данных, выявить узкие места и зависимости.
Интерактивность: Возможность взаимодействия с диаграммой, например, выделение отдельных узлов или потоков для получения более детальной информации.
Гибкость: Настройка внешнего вида диаграммы, цветовой гаммы, подписей и других параметров.

Заключение

Интеграция диаграмм Sankey в 1С открывает новые возможности для анализа и визуализации данных. Это позволяет сделать работу с информацией более эффективной, наглядной и удобной. А механизм взаимодействия 1С и JavaScript можно использовать для разработки множества других типов диаграмм поставляемых в ECharts.

Перечисленные примеры использования возможно рассмотреть во внешней обработке, её можно скачать здесь✔

Пожалуйста, напишите комментарий если вы видите необходимость развития данной темы, или если считаете что данная тема тупиковая. В любом случае конструктивная критика приветствуется 😉

Присоединяйтесь к моему каналу в telegram