Как за 2 минуты создать виджет из SVG файла

SVG (Scalable Vector Graphics) - формат векторных изображений. В Luxms BI на его основе можно создавать пользовательские визуализации.

Для создания виджета на основе SVG нужно перейти в режим редактирования и перенести любой виджет на дэшборд. Затем перейдите в JSON конфигурацию виджета (переключить режим отображения можно внизу боковой панели)

В параметре view_class пропишите значение 'plan'

Добавьте параметр url и укажите в нем имя SVG-файла

В параметре "dataSource" укажите необходимые куб, измерения и факты

Затем добавьте параметр "display". В параметре "display" укажите параметры отображения данных на SVG-картинке

Чтобы SVG-картинка начала отражать данные, необходимо разметить ее элементы. Для этого перейдите в ресурсы датасета. Откройте нужный файл во встроенном редакторе. Впишите в тег "path" параметр data_id с нужным вам значением.

В данном случае мы указываем конкретное значение размерности "fo_id" и название факта, который будет отображаться виджетом. Чтобы сохранить внесенные изменения нажмите на облако. Чтобы увидеть изменения, обновите страницу с дэшбордом.

Как видно в параметре "display" конфигурации виджета, мы указали заливку зеленым цветом для значений больше 18'000'001. Красным для значений меньше 10'000'000. И серым для значений между ними, что и отображено на виджете.

На этом все! Подробная инструкция, как сделать виджет на основе SVG файла можете посмотреть в нашем видео.