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
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:
| 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ść![]() |
Wysokość wykresu. | Integer |
Właściwości konfiguracyjne zachowania widoku Wykres kołowy (jedna seria
danych) znajdują się w poniższej tabeli:
Informacje na temat drzew wiertnych, których można używać z wykresami, można znaleźć w sekcji Drzewa zstępujący.
| 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 |
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.