GaugeChart Kontrolė (peržiūros versija)

Straipsnis
10/16/2024

[Šis straipsnis yra negalutinio leidimo dokumentacija ir gali keistis.]

Yra dviejų tipų matuoklių diagramos: spidometras ir reitingų matuoklis.

Spidometras matuoja skaitinę vertę pagal visumą, pvz., Atminties talpą. Adata yra neprivalomas komponentas. Matuojamos vertės segmentas spalva gali būti pritaikyta pagal tam tikrus scenarijus arba suderinti su prekės ženklo spalvomis.

Įvertinimo matuoklis rodo dabartinės vertės būseną keliuose iš anksto nustatytuose diapazonuose arba segmentuose. Adata čia yra būtinas komponentas.

Šis kodo komponentas suteikia apvalkalą aplink "Fluent UI GaugeChart " valdiklį, skirtą naudoti drobėje ir pasirinktiniuose puslapiuose.

Svarbu

Tai yra peržiūros versijos funkcija.
Peržiūros funkcijos nėra skirtos naudoti gamybai ir gali būti apribotas jų funkcionalumas. Šias funkcijas galima naudoti prieš oficialų išleidimą, kad klientai galėtų gauti ankstyvą prieigą ir pateikti atsiliepimų.

Pastaba.

Visą dokumentaciją ir šaltinio kodą rasite "GitHub" kodo komponentų saugykloje. |

Ypatybės

Valdiklis priima šias ypatybes:

Title - Ši reikšmė žymi diagramos pavadinimą.
Sublabel - Ši reikšmė žymi diagramos antrinę etiketę.
Diagramos reikšmė - Ši reikšmė nurodo vertę, kuri turi būti rodoma matuoklyje.
MinValue - Ši vertė žymi mažiausią matuoklio vertę.
MaxValue - Ši vertė žymi maksimalią matuoklio vertę.
HideMinMax - Ši reikšmė reiškia, ar matuoklyje paslėpti min ir max reikšmes.
HideLegend - Ši reikšmė reiškia, ar paslėpti legendą matuoklyje.
ChartValueFormat - Ši reikšmė reiškia, kad diagramos reikšmė Percentage rodoma arba Fraction.
CustomColors - Nustatykite šią reikšmę į true, kad diagramoje būtų leidžiamos pasirinktinės spalvos, jei jos pateiktos.
Elementai – veiksmo elementai, kuriuos reikia generuoti:
- ItemLegend - Rodomas konkrečios diagramos duomenų (elemento) pavadinimas.
- ItemSize - Konkrečios diagramos duomenų (elemento) dydis.
- ItemColor - Nustatykite spalvos pavadinimą arba HEX reikšmę, kuri bus rodoma konkretiems diagramos duomenims (elementas).

Pastaba.

Elemento spalva taikoma tik tuo atveju, jei ypatybė įjungta. CustomColors

Pritaikymas neįgaliesiems

AccessibilityLabel - Ekrano skaitytuvo aria-etiketė.

Naudojimas

Spidometras

Reikia tik vienos eilutės Items. Naudokite tikslinę ChartValue padėtį.

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

Reitingų matuoklis

Pateikite diapazonus kaip Items ypatybę. Visų verčių ItemSize suma turi sudaryti iki 100% skirtumo tarp MinValue ir MaxValue. Naudokite, ChartValue kad nurodytumėte dabartinę padėtį.

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

Apribojimai

Šį drobės komponentą galima naudoti tik drobės programose ir pasirinktiniuose puslapiuose.

Bendrinti naudojant