GaugeChart Valvonta (esiversio)

Artikkeli
10/16/2024

[Tämä artikkeli sisältää julkaisua edeltävää materiaalia ja voi muuttua.]

Mittarikaavioita on kahdenlaisia: nopeusmittari ja luokitusmittari.

GaugeChart-ohjausobjekti.

Nopeusmittari mittaa numeerisen arvon kokonaisuutta, kuten tallennuskapasiteettia, vasten. Neula on valinnainen komponentti. Mitattavaa arvoa edustavan segmentti väri voidaan mukauttaa sopimaan tiettyihin skenaarioihin tai vastaamaan tuotemerkin värejä.

Luokitusmittari näyttää nykyisen arvon tilan muutamalla ennalta määritetyllä alueella tai segmentissä. Neula on tässä pakollinen komponentti.

Tämä koodikomponentti tarjoaa kääreen Fluent UI GaugeChart -ohjausobjektin ympärille käytettäväksi kaaviossa ja mukautetuilla sivuilla.

Tärkeää

Tämä on esiversiotoiminto.
Esiversiotoimintoja ei ole tarkoitettu tuotantokäyttöön, ja niiden toiminnot voivat olla rajoitettuja. Nämä toiminnot ovat käytettävissä ennen virallista julkaisua, jotta asiakkaat voivat käyttää niiden ennakkojulkaisua ja antaa palautetta.

Muistiinpano

Katso täydellinen dokumentaatio ja lähdekoodi kohdasta GitHub-koodikomponenttien arkisto. |

Ominaisuudet

Ohjausobjekti hyväksyy seuraavat ominaisuudet:

Otsikko - Tämä arvo tarkoittaa kaavion otsikkoa.
Alatunniste - Tämä arvo tarkoittaa kaavion aliotsikkoa.
ChartValue - Tämä arvo tarkoittaa mittarissa näytettävää arvoa.
MinValue - Tämä arvo tarkoittaa mittarin vähimmäisarvoa.
MaxValue - Tämä arvo tarkoittaa mittarin maksimiarvoa.
HideMinMax - Tämä arvo ilmaisee, piilotetaanko mittarin vähimmäis- ja enimmäisarvot.
HideLegend - Tämä arvo ilmaisee, piilotetaanko selite mittarissa.
ChartValueFormat - Tämä arvo tarkoittaa kaavion arvon näyttämistä tai Percentage Fraction.
CustomColors - Määritä tämän arvon arvoksi tosi, jos haluat sallia mukautetut värit kaaviossa, jos sellainen on.
Kohteet – hahmonnettavat toimintokohteet:
- ItemLegend - Tietyn kaavion tietojen (kohteen) näyttönimi.
- ItemSize - Tietyn kaavion tietojen (Item) koko.
- ItemColor - Määritä värin nimi tai HEX-arvo, joka näytetään tietyille kaaviotiedoille (kohde).

Muistiinpano

Kohteen väri on käytössä vain, jos CustomColors-ominaisuus on otettu käyttöön.

Helppokäyttötoiminnot

AccessibilityLabel - Näytön Lukija aria-etiketti.

Käyttö

Nopeusmittari

Vain yksi rivi tarvitaan Items. Käytä -merkkiä ChartValue kohdesijainnin ilmaisemiseen.

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

Luokitusmittari

Anna alueet ominaisuutena Items . Kaikkien ItemSize arvojen summan on oltava enintään 100% ja MinValue : MaxValuen välisestä erosta. Käytä -merkkiä ChartValue nykyisen sijainnin ilmaisemiseen.

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

Rajoitukset

Tätä pohjaan perustuvaa komponenttia voi käyttää vain pohjaan perustuvissa sovelluksissa ja mukautetuilla sivuilla.

Jaa