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?