Виджет простого линейного графика
  • 04 Nov 2023
  • 1 Минута для чтения
  • Авторы

Виджет простого линейного графика


Article Summary

Оптимизация работы приложений с помощью этого пользовательского виджета позволяет отображать данные на линейном графике непосредственно в приложении без необходимости использования Analytics.

Назначение

Цель данного виджета - быстрое и эффективное построение графика данных в реальном времени. Данная функциональность предназначена для простой демонстрации и отображения данных в процессе их генерации и не может выполнять вычисления или анализ данных.

Настройка интеграции с Tulip

Плагины Custom Widget Plugins предоставляют мощный инструмент для добавления пользовательских виджетов в приложение. Виджеты позволяют писать Javascript для расширения и настройки функциональности виджета. Виджеты могут быть импортированы в ваш экземпляр непосредственно из библиотеки Tulip - как сами по себе, так и в составе приложения Tulip.

Как это работает

Виджет Line Graph принимает в качестве реквизитов четыре части информации: список объектов (series), две текстовые переменные для названия осей X и Y графика (xAxisLabel и yAxisLabel) и переменную цвета (linecolor).

На вход "series" подается объект массива, состоящего из списков, содержащих три части данных: список значений x (xAxisNums), список значений y (yAxisNums) и переменную цвета (seriesColor).

LineGraphWidget_1.png

Передавая несколько объектов, можно построить несколько линий, причем каждый объект представляет собой линию.

LineGraphWidget_2.png

У вас есть возможность выбрать для каждой сгенерированной серии свой цвет. Если выбор не сделан, то виджет автоматически выберет один из 10 предопределенных цветов для каждой серии. Кроме того, можно выбрать глобальный цвет. Выбор глобального цвета отменяет индивидуальные цвета, выбранные для каждой серии.

Дополнительная информация

Если вы хотите узнать больше о пользовательских виджетах, посетите сайт, приведенный ниже:


Была ли эта статья полезной?