MENU
    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?