HorizontalBarChart - Stacked controllo (anteprima)

[Questo articolo fa parte della documentazione non definitiva, pertanto è soggetto a modifiche.]

Grafico a barre in pila orizzontale visualizza più serie di dati come barre in pila, dove ciascuna barra rappresenta una categoria. Le barre sono impilate una accanto all'altra, con la lunghezza di ciascuna barra che rappresenta il valore della categoria della serie.

Comando HorizontalBarChart - Stacked.

Questo componente di codice fornisce un wrapper intorno al controllo HorizontalBarChart - Stacked dell'interfaccia utente Fluent per l'uso nelle app canvas e nelle pagine personalizzate.

Importante

  • Si tratta di una funzionalità di anteprima.
  • Le funzionalità di anteprima non sono destinate all'uso in produzione e potrebbero avere funzionalità limitate. Queste funzioni sono disponibili prima di una versione ufficiale, in modo che i clienti possano ottenere l'accesso anticipato e fornire commenti e suggerimenti.

Annotazioni

Per la documentazione completa e il codice sorgente, vedere il repository dei componenti del codice GitHub .

Properties

Il comando accetta le seguenti proprietà:

  • HideLegend - Questo valore indica se mostrare o nascondere le legende sul grafico.

  • BarHeight - Questo valore indica l'altezza della barra presentata nel grafico.

  • HideTooltip - Questa opzione controlla se mostrare o nascondere i suggerimenti sul grafico.

  • Colori personalizzati - Questa opzione viene utilizzata per mostrare colori personalizzati sul grafico, se forniti

  • Elementi - Gli elementi di azione da eseguire

    • ItemTitle - Nome visualizzato dei dati specifici del grafico (elemento).
    • ItemKey - La chiave da utilizzare per identificare l'oggetto. I tasti devono essere univoci.
    • ItemValue - Imposta il valore dei dati specifici del grafico (Item).
    • ItemColor - Imposta il nome del colore o il valore HEX da visualizzare per i dati specifici del grafico (elemento).
    • ItemCallout - Imposta il valore da visualizzare in un popover/tooltip.

Annotazioni

Il colore dell'articolo si applica solo se la proprietà CustomColors è attivata.

Accessibility

  • AccessibilityLabel: Aria-label del lettore dello schermo

Usage

Mappare i valori dei dati alle proprietà del grafico corrispondenti nella proprietà Items del controllo, come dimostrato nella formula seguente. Il grafico regola automaticamente la visualizzazione per corrispondere ai valori relativi.

Abilita la proprietà CustomColors per definire colori coerenti.

Table(
    {
        ItemKey: "1",
        ItemTitle: "First",
        ItemCallout:"First item callout title",
        ItemValue: 40,
        ItemColor: "#00A892"
    },
    {
        ItemKey: "2",
        ItemTitle: "Second",
        ItemCallout:"Second item callout title",
        ItemValue: 20,
        ItemColor: "#9A44FC"
    },
    {
        ItemKey: "3",
        ItemTitle: "Third",
        ItemCallout:"Third item callout title",
        ItemValue: 120,
        ItemColor: "#3483FA"
    },
    {
        ItemKey: "4",
        ItemTitle: "Fourth",
        ItemCallout:"Fourth item callout title",
        ItemValue: 90,
        ItemColor: "#EBA800"
    }
)

Limitations

Questo componente canvas può essere usato solo nelle app canvas e nelle pagine personalizzate.

  • Last updated on