HorizontalBarChart - Stacked Kontrolka (wersja zapoznawcza)

[Ten artykuł stanowi wstępną wersję dokumentacji i może ulec zmianie.]

Poziomy skumulowany wykres słupkowy przedstawia wiele serii danych w skumulowanych słupkach, z których każdy pasek reprezentuje kategorię. Słupki są skumulowane obok siebie, przy użyciu długości każdego paska reprezentującego wartość kategorii serii.

Ten składnik kodu udostępnia otokę dookoła kontrolki Płynny interfejs użytkownika HorizontalBarChart — skumulowane do użycia w kanwach i stronach niestandardowych.

Ważne

• Jest to funkcja w wersji zapoznawczej.
• Funkcje w wersji zapoznawczej nie są przeznaczone do użytku w środowiskach produkcyjnych i mogą mieć ograniczoną funkcjonalność. Te funkcje są udostępniane przed oficjalnym wydaniem, dzięki czemu klienci mogą szybciej uzyskać do nich dostęp i przekazać opinie na ich temat.

Uwaga

Aby uzyskać pełną dokumentację i kod źródłowy, zobacz Repozytorium składników kodu Źródłowego.

Właściwości

Kontrolka akceptuje następujące właściwości:

• HideLegend — Ta wartość określa, czy legendy mają być pokazywane, czy ukrywane na wykresie.

• BarHeight - Ta wartość oznacza wysokość słupka przedstawionego na wykresie.

• Ukryj etykietkę narzędzia — ta opcja określa, czy chcesz pokazać, czy ukryć etykietki narzędzi na wykresie.

• CustomColors — Ta opcja służy do wyświetlania niestandardowych kolorów na wykresie, jeśli są podane

• Elementy - Czynności do wyrenderowania

  • ItemTitle — wyświetlana nazwa określonych danych wykresu (Item).
  • ItemKey — klucz, który ma być używany do identyfikowania elementu. Klucze muszą być niepowtarzalne.
  • ItemValue - Ustaw wartość określonych danych wykresu (Item).
  • ItemColor - Ustaw nazwę koloru lub wartość szesnastkową, która ma być wyświetlana dla określonych danych wykresu (Item).
  • ItemCallout - Ustaw wartość, która ma być wyświetlana w oknie podręcznym/podpowiedzi.

Uwaga

Kolor elementu jest stosowane tylko wtedy, gdy właściwość CustomColors jest włączona.

Dostępność

• AccessibilityLabel - Czytelnik ekranu aria-label

Sposób użycia

Jak pokazano w poniższej formule, należy zamapować wartości danych na odpowiadające im właściwości wykresu we właściwościach formantu Items. Na wykresie zostanie automatycznie skorygowane położenie wizualne w celu dopasowania do względnych wartości.

Włącz właściwość CustomColors w celu zdefiniowania spójnych kolorów.

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"
    }
)

Ograniczenia

Tego składnika kanwy można używać tylko w aplikacjach kanwy i na stronach niestandardowych.