Widżet prostego wykresu liniowego
  • 04 Nov 2023
  • 1 Minuta do przeczytania
  • Współtwórcy

Widżet prostego wykresu liniowego


Streszczenie artykułu

Usprawnij swoje aplikacje za pomocą tego niestandardowego widżetu - umożliwiając wyświetlanie danych na wykresie liniowym bezpośrednio z aplikacji bez konieczności korzystania z Analytics.

Cel

Celem tego widżetu jest szybkie i wydajne wykreślanie danych w czasie rzeczywistym. Ta funkcjonalność jest przeznaczona do prostych demonstracji i wyświetlania danych w trakcie ich generowania i nie może wykonywać obliczeń ani analizować danych.

Konfiguracja integracji z Tulip

Wtyczki Custom Widget zapewniają potężne narzędzie do dodawania niestandardowych widżetów do aplikacji. Widgety umożliwiają pisanie skryptów JavaScript w celu rozszerzenia i dostosowania funkcjonalności widgetu. Widżety mogą być importowane do instancji bezpośrednio z biblioteki Tulip - samodzielnie lub jako część aplikacji Tulip.

Jak to działa

Widżet wykresu liniowego pobiera cztery informacje jako rekwizyty: listę obiektów (series), dwie zmienne tekstowe do nazwania osi X i Y wykresu (xAxisLabel i yAxisLabel) oraz zmienną koloru (linecolor).

Wejście "series" przyjmuje obiekt tablicy składający się z list z trzema elementami danych: listą wartości x o pojedynczej szerokości (xAxisNums), listą wartości y (yAxisNums) i zmienną koloru (seriesColor).

LineGraphWidget_1.png

Można wykreślić wiele linii, przekazując wiele obiektów, z których każdy reprezentuje linię.

LineGraphWidget_2.png

Istnieje możliwość wybrania innego koloru dla każdej wygenerowanej serii. Jeśli nie dokonasz wyboru, widżet automatycznie wybierze jeden z 10 predefiniowanych kolorów dla każdej serii. Alternatywnie można również wybrać kolor globalny. Wybór koloru globalnego zastąpi indywidualne kolory wybrane dla każdej serii.

Więcej informacji

Jeśli chcesz dowiedzieć się więcej o niestandardowych widżetach, odwiedź poniższą stronę:


Czy ten artykuł był pomocny?