GaugeChart nadzor (predogled)

[Ta članek je del predizdajne dokumentacije in se lahko spremeni.]

Obstajata dve vrsti merilnih tabel: merilnik hitrosti in merilnik moči.

Merilnik hitrosti meri numerično vrednost v primerjavi s celoto, na primer s prostornino za shranjevanje. Igla je neobvezna komponenta. Barvo segmenta, ki predstavlja merjeno vrednost, je mogoče prilagoditi določenim scenarijem ali uskladiti z barvami blagovne znamke.

Merilnik vrednosti prikazuje stanje trenutne vrednosti znotraj nekaj vnaprej določenih območij ali segmentov. Igla je tukaj obvezna komponenta.

Ta komponenta kode zagotavlja ovojnico okoli kontrolnika Fluent UI GaugeChart za uporabo v platnu in na straneh po meri. ...

Pomembno

• To je funkcija predogleda.
• Poskusne funkcije niso za komercialno uporabo, njihovo delovanje je lahko omejeno. Te funkcije so na voljo še pred uradno izdajo, da lahko stranke predčasno dostopajo do njih in posredujejo povratne informacije.

opomba,

Za celotno dokumentacijo in izvorno kodo glejte repozitorij komponent kode GitHub . |

Lastnosti

Krmilnik sprejema naslednje lastnosti:

• Naslov - Ta vrednost označuje naslov grafikona.

• Podoznaka – Ta vrednost označuje podoznako grafikona.

• VrednostGrafikona - Ta vrednost označuje vrednost, ki bo prikazana na merilniku.

• MinValue - Ta vrednost označuje najmanjšo vrednost merilnika.

• MaxValue - Ta vrednost označuje največjo vrednost merilnika.

• HideMinMax – Ta vrednost označuje, ali naj se na merilniku skrijejo minimalne in maksimalne vrednosti.

• HideLegend – Ta vrednost označuje, ali naj se legenda na merilniku skrije.

• OblikaVrednostiGrafa – Ta vrednost označuje prikaz vrednosti grafikona v obliki Percentage ali Fraction.

• CustomColors – To vrednost nastavite na true, da omogočite barve po meri na grafikonu, če so na voljo.

• Elementi - Elementi dejanj, ki jih je treba upodobiti:

  • ItemLegend – Prikazno ime določenih podatkov grafikona (Item).
  • ItemSize – Velikost določenih podatkov grafikona (Item).
  • ItemColor – Nastavite ime barve ali šestnajstiško vrednost, ki bo prikazana za določene podatke grafikona (element).

opomba,

Barva elementa se uporabi le, če je lastnost CustomColors vklopljena.

Pripomočki za osebe s posebnimi potrebami

• AccessibilityLabel - bralnik zaslona aria-label.

Uporaba

Merilnik hitrosti

Za Items je potrebna samo ena vrstica. Z ChartValue navedite ciljni položaj.

Table(
    {
        ItemSize: 15,
        ItemColor: "#3483FA"
    }
)

Merilnik ocen

Obsege navedite kot lastnost Items . Vsota vseh vrednosti mora znašati 100 % razlike med vrednostma ItemSize in MinValue . MaxValue Za označevanje trenutnega položaja uporabite ChartValue .

Table(
    {
        ItemLegend: "Critical",
        ItemSize: 11,
        ItemColor: "#C50F1F"
    },
    {
        ItemLegend: "Warning",
        ItemSize: 25,
        ItemColor: "#F2610C"
    },
    {
        ItemLegend: "No risk",
        ItemSize: 30,
        ItemColor: "#107C10"
    }
)

Omejitve

Ta komponenta delovnega območja se lahko uporablja samo v aplikacijah s platnom in na straneh po meri.