Wykres kołowy (jedna seria danych)

Służy do generowania wykresu kołowego dla zestawu danych i udostępnia opcję dodawania drzew analizy zstępującej na potrzeby dodatkowych zestawów danych. Zestaw danych należy zapełnić za pomocą usługi.

Ograniczenia

Wykres kołowy należy zapełniać przy użyciu usługi.
Uwaga: Jeśli podczas wyświetlania wykresu w panelu zwijalnym wystąpią problemy z wymiarem, należy użyć następującego kodu w zdarzeniu On expand w panelu zwijanym, aby dostosować wielkość wykresu do dostępnego miejsca: ${CHART_CONTROL_ID}.refresh();

Właściwości konfiguracyjne

W sekcji Konfiguracjaustaw lub zmodyfikuj właściwości wyglądu i zachowania dla widoku.

Wielkość ekranu
Właściwość konfiguracyjna, na której znajduje się ikona Rozmiarów ekranu Ikona wielkości ekranu obok nazwy właściwości, może mieć różne wartości dla każdej wielkości ekranu. Jeśli nie zostanie ustawiona wartość, wielkość ekranu dziedziczy wartość następnej większej wielkości ekranu jako swoją wartość domyślną.
Definicje kompozycji
Definicje kompozycji służą do podawania kolorów i stylów widoku oraz do określania jego wyglądu. W edytorze kompozycji można wyświetlić podgląd wyglądu i zachowania widoku. Patrz Kompozycje.
Właściwości konfiguracyjne wyglądu widoku Wykres kołowy (jedna seria danych) znajdują się w poniższej tabeli:
Tabela 1. Właściwości konfiguracyjne wyglądu elementu Wykres kołowy (jedna seria danych)
Właściwość konfiguracyjna wyglądu Opis Typ danych
Styl koloru tła Styl koloru tła. String
Styl koloru serii danych. Styl kolorów dla serii danych. String
Niestandardowy styl koloru serii danych Dostosuj styl kolorów dla serii danych.
W NameValuePair, Name oznacza etykietę punktu danych, a Value jest to kolor określony jako nazwa, kod szesnastkowy lub kod RGB. Na przykład: red, #ff0000, rgb(255, 0, 0).
Właściwość ma pierwszeństwo przed Stylem koloru serii danych.
NameValuePair (List)
Pokaż ścieżki nawigacyjne Jeśli ta opcja jest włączona, tytuł pokazuje bieżącą pozycję w drzewie, które umożliwia schodzenie niżej (w zależności od wybranej opcji menu). Boolean
Położenie legendy Pozycja legendy dla wykresu. String
Promień zaokrąglenia krawędzi Promień wykresu. String
Dopełnianie Dopełnianie po prawej stronie, u góry, po lewej stronie i u dołu wykresu (w pikselach). String
WysokośćIkona wielkości ekranu Wysokość wykresu. Integer
Właściwości konfiguracyjne zachowania widoku Wykres kołowy (jedna seria danych) znajdują się w poniższej tabeli:
Tabela 2. Właściwości konfiguracyjne zachowania elementu Wykres kołowy (jedna seria danych)
Właściwość konfiguracyjna zachowania Opis Typ danych
Tryb danych wykresu Wybierz, czy dane wykresu mają pochodzić z usługi, czy z opcji konfiguracyjnej. Należy zauważyć, że użytkownicy drzew mogą zejć niżej w dół, które są dostępne tylko przez zapełnienie przez przepływ usługi odpowiednim dostępem do technologii Ajax. String
Usługa danych Usługa, która zapełnia serie danych. Ajax service
Seria danych seriesName jest nazwą serii danych, a dataPoints jest listą punktów danych, które mają być uwzględnione w serii danych. String w przypadku serwerów seriesName i DataPoint[] dla listy dataPoints.
Włącz menu Włącza widoczność menu. Menu jest wymagane, jeśli masz drzewo, które umożliwia użytkownikom schodzenie niżej, lub jeśli dodano menu. Boolean
Pokaż podpowiedź Jeśli ta opcja jest włączona, umieszczenie wskaźnika myszy nad punktami danych na wykresie za pomocą myszy spowoduje wyświetlenie podpowiedzi. Podpowiedź pokazuje zarówno nazwę punktu, jak i jego wartość. Boolean
Informacje na temat drzew wiertnych, których można używać z wykresami, można znaleźć w sekcji Drzewa zstępujący.

Zdarzenia

We właściwościach Zdarzenia można ustawiać i modyfikować procedury obsługi zdarzeń widoku. Zdarzenia mogą być uruchamiane w sposób programowy lub w wyniku interakcji użytkownika z widokiem. Informacje na temat definiowania zdarzeń i kodu zdarzeń zawiera sekcja Zdarzenia zdefiniowane przez użytkownika.
Widok Wykres kołowy (jedna seria danych) ma następujące typy procedur obsługi zdarzeń:
  • On load: aktywowano, gdy wykres jest ładowany, na przykład:
    me.defocusSeries("Brand1")
  • On refreshed: aktywowano, gdy wykres jest odświeżany, na przykład:
    me.focusSeries("Brand1")
  • On click: Aktywacja po kliknięciu wykresu, na przykład:
    me.transform("donut", ["Brand1","Brand2"])
  • On menu action: aktywowano, gdy zostanie wykryte działanie menu, na przykład:
    console.log("Running menu action '" + action.name + "' on " + me.getSelectedDataPoint().label + " with value of " + me.getSelectedDataPoint().value)

Nawigacja za pomocą klawiatury

Aby poruszać się po wykresach za pomocą klawiatury:
  • Naciskaj klawisz Tab , dopóki nie zostanie podświetlony wykres, który chcesz wyświetlić.
  • Naciśnij klawisz Tab , aby aktywować obszar wykresu.
  • Aby poruszać się po wykresie, należy użyć klawiszy strzałek w prawo, w lewo, w górę lub w dół.
    Uwaga: Aby poruszać się po diagramie zgodnie z opisem, należy użyć lektora ekranowego JAWS.

metody

Informacje o metodach elementu Wykres kołowy (jedna seria danych) znajdują się w opisie interfejsu JavaScript API Wykres kołowy (jedna seria danych).

Zasoby dodatkowe

Więcej informacji na temat sposobu tworzenia formatki lub strony zawiera sekcja Budowanie formatek.
Informacje na temat standardowych właściwości (Ogólne, Konfiguracja, Pozycjonowanie, Widocznośći Atrybuty HTML) można znaleźć w sekcji Właściwości widoku.