MENU
    Egyszerű vonalas grafikon Widget
    • 04 Nov 2023
    • 1 Elolvasandó perc
    • Közreműködők

    Egyszerű vonalas grafikon Widget


    Cikk összefoglaló

    Egyszerűsítse alkalmazásait ezzel az egyéni Widget-tel - lehetővé téve, hogy az adatokat közvetlenül az alkalmazásból, az Analytics használata nélkül jelenítse meg egy sorszalagon.

    Cél

    Ennek a widgetnek a célja az adatok gyors és hatékony ábrázolása valós időben. Ez a funkció az adatok egyszerű bemutatására és megjelenítésére szolgál, ahogyan azok keletkeznek, és nem képes számításokat vagy elemzést végezni az adatokon.

    Tulip integráció beállítása

    Az egyéni widget-csatlakozók hatékony eszközt biztosítanak egyéni widgetek hozzáadásához az alkalmazáshoz. A widgetek lehetővé teszik, hogy Javascriptet írjon a widget funkcionalitásának bővítéséhez és testreszabásához. A widgetek közvetlenül a Tulip könyvtárból importálhatók az Ön példányába - akár önmagukban, akár egy Tulip alkalmazás részeként.

    Hogyan működik

    A Line Graph widget négy információt fogad be Props-ként: egy objektumlistát (series), két szöveges változót a grafikon X és Y tengelyének megnevezésére (xAxisLabel és yAxisLabel) és egy színváltozót (linecolor).

    A "series" bemenet egy tömb objektumot vesz fel, amely három adatból álló listákból áll: egy egyszélességű x értékek listája (xAxisNums), egy y értékek listája (yAxisNums) és egy színváltozó (seriesColor).

    LineGraphWidget_1.png

    Több vonal ábrázolható több objektum átadásával, amelyek mindegyike egy-egy vonalat képvisel.

    LineGraphWidget_2.png

    Lehetősége van arra, hogy minden egyes generált sorozathoz más színt válasszon. Ha nem választ, a widget automatikusan kiválaszt egyet a 10 előre definiált szín közül minden egyes sorozathoz. Alternatívaként választhat egy globális színt is. A globális szín kiválasztása felülírja az egyes sorozatokhoz kiválasztott egyedi színeket.

    További olvasmányok

    Ha többet szeretne megtudni az egyéni widgetekről, kérjük, látogasson el az alábbi webhelyre:


    Hasznos volt ez a cikk?