Wykres wielozadaniowy
Służy do generowania wykresu wielozadaniowego (jedna seria danych lub
wiele serii danych) 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
Element Wykres wielozadaniowy 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 obszarze Konfiguracja można ustawić lub zmodyfikować właściwości wyglądu i zachowania 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 wielozadaniowy 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 koloru serii danych. | String |
| Niestandardowy styl koloru serii danych | Dostosuj styl kolorów dla serii danych. W polu NameValuePair, jeśli wybrany typ wykresu to Pasek, Obszar, Linia lub Krok, Name jest nazwą serii. Jeśli wybranym wykresem jest Pierścieniowy lub Kołowy, Name jest etykietą punktu danych. 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ż etykiety wartości | Wyświetlanie wartości punktów danych powyżej każdego punktu na wykresie. | Boolean |
| 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 |
| Wielkość punktu | Wielkość kropki, która oznacza wartość. Wartość domyślna: 2,5 piksela. | Decimal |
| Styl koloru osi XY | Styl koloru osi X i Y. | String |
| Styl linii siatki | Styl poziomych linii siatki. | String |
| Położenie legendy | Pozycja legendy wykresu. | String |
| Obrót etykiet na osi X | Kąt obrotu etykiet na osi X (w stopniach). | Decimal |
| Wysokość osi X | Wysokość osi X. | Integer |
| Promień zaokrąglenia krawędzi | Promień wykresu. Tę właściwość można ustawić dla wykresów kołowych i pączków. | 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 wielozadaniowy 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 |
|---|---|---|
| Usługa do obsługi jednej serii danych | Usługa, która zapełnia serie danych. | Ajax service |
| Jedna 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. |
| Usługa do obsługi wielu serii danych | Usługa do obsługi wielu serii danych używana do zapełniania danych wykresu. | Ajax service |
| Wiele serii danych | Wiele serii danych do zapełniania wykresu. 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. |
| Pokaż wiele serii danych | Nakładanie wielu serii danych. | Boolean |
| Tryb danych wykresu | Wybierz, czy dane wykresu mają pochodzić z usługi, czy z opcji konfiguracyjnej. Należy pamiętać, że drzewa, które umożliwiają użytkownikom schodzenie niżej, będą dostępne tylko wtedy, gdy zapełnianie będzie przeprowadzane za pośrednictwem przepływu usługi z odpowiednim dostępem Ajax. | String |
| 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 |
| Liczba znaczników skali na osi Y | Liczba punktów na osi Y. Podawana wartość nie jest interpretowana jako dokładna liczba – zamiast tego jest dopasowywana w taki sposób, aby uzyskać najbardziej odpowiednią liczbę znaczników skali w celu optymalnego wyświetlenia wykresu. | Integer |
| Dokładność znacznika skali na osi Y | Liczba miejsc dziesiętnych, które mają być wyświetlane dla etykiet wartości osi Y. Domyślną liczbą miejsc dziesiętnych jest 0. | Integer |
| Minimalna wartość na osi Y | Wartość minimalna na osi Y. | Decimal |
| Maksymalna wartość na osi Y | Wartość maksymalna na osi Y. | Decimal |
| Użyj ograniczania liczby znaczników skali na osi X | Wyświetlanie tylko takiej liczby znaczników skali danych na osi X, która została podana jako wartość właściwości Maksymalna liczba znaczników skali na osi X. | Boolean |
| Liczba znaczników skali na osi X | Liczba punktów na osi X. Podawana wartość nie jest interpretowana jako dokładna liczba – zamiast tego jest dopasowywana w taki sposób, aby uzyskać najbardziej odpowiednią liczbę znaczników skali w celu optymalnego wyświetlenia wykresu. | Integer |
| Styl podpowiedzi | Wyświetlanie podpowiedzi. | String |
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 wykresu wielozadaniowego 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
Więcej informacji na temat metod dla wykresu wielozadaniowego zawiera publikacja Interfejs API języka JavaScript wykresu wielozadaniowego.
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.