GaugeChart Kontroll (forhåndsversjon)

Artikkel
10/16/2024

[Denne artikkelen inneholder dokumentasjon for forhåndsversjonen og kan bli endret.]

Der finnes to typer målerdiagrammer: Speedometer og vurderingsmåler.

Målerdiagram-kontroll.

Speedometeret måler en numerisk verdi mot en helhet, som lagringskapasitet. Nålen er en valgfri komponent. Fargen på segmentet som representerer verdien som måles, kan tilpasses for å passe til bestemte scenarier eller for å justere med varemerkingsfarger.

Vurderingsmåleren viser status for gjeldende verdi innenfor noen få forhåndsdefinerte områder eller segmenter. Nålen er en nødvendig komponent Her.

Denne kodekomponenten gir en bryting rundt Fluent UI GaugeChart-kontrollen for bruk på lerret og egendefinerte sider.

Viktig!

Dette er forhåndsversjonsfunksjon.
Forhåndsversjonsfunksjonene er ikke ment for produksjonsbruk og kan ha begrenset funksjonalitet. Disse funksjonene er tilgjengelige før en offisiell utgivelse, slik at kunder kan få tidlig tilgang og gi tilbakemeldinger.

Merk

Hvis du vil ha fullstendig dokumentasjon og kildekode, kan du se GitHub-kodekomponentrepositorium. |

Egenskaper

Kontrollen godtar følgende egenskaper:

Tittel - Denne verdien angir tittelen på diagrammet.
Underetikett – Denne verdien angir underetikett i diagrammet.
ChartValue - Denne verdien angir verdien som skal vises på måleren.
MinValue - Denne verdien angir minimumsverdien til måleren.
MaxValue - Denne verdien angir maksimumsverdien til måleren.
HideMinMax - Denne verdien angir om min- og maksverdiene på måleren skal skjules.
HideLegend - Denne verdien angir om forklaringen skal skjules på måleren.
ChartValueFormat - Denne verdien angir å vise diagramverdi i Percentage eller Fraction.
CustomColors – Sett denne verdien til sann for å tillate egendefinerte farger i diagrammet hvis det er angitt.
Elementer – Handlingselementene som skal gjengis:
- ItemLegend - Visningsnavnet på de bestemte diagramdataene (Item).
- ItemSize - Størrelsen på de bestemte diagramdataene (Item).
- ItemColor - Angi fargenavnet eller HEX-verdien som skal vises for de bestemte diagramdataene (Item).

Notat

Elementfarge gjelder bare hvis CustomColors-egenskapen er aktivert.

Tilgjengelighet

AccessibilityLabel - Skjermleser aria-etikett.

Bruk

Speedometer

Bare en rad er nødvendig for Items. Bruk for ChartValue å angi målposisjonen.

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

Vurdering måler

Oppgi områdene som egenskapen Items . Summen av alle ItemSize verdier må summere seg til 100 % av differansen mellom MinValue og MaxValue. Bruk for ChartValue å angi gjeldende posisjon.

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

Begrensninger

Denne lerretskomponenten kan bare brukes i lerretsapper og egendefinerte sider.

Del via