Wykres liniowy
Służy do generowania wykresu liniowego dla zestawu danych i
udostępnia opcję dodawania drzew analizy zstępującej na potrzeby dodatkowych
zestawów danych. Zestaw danych możesz zapełnić statycznie lub za pomocą usługi.
Ograniczenia
Wykres liniowy 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 liniowy znajdują się w
poniższej tabeli:
| Właściwość konfiguracyjna wyglądu | Opis | Typ danych |
|---|---|---|
| Wygładź linię | Wyrównywanie krzywej łączącej punkty danych. | Boolean |
| 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 NameValuePair, Name jest nazwą serii, 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 |
| 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 |
| 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. | 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 liniowy 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 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 |
| 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 |
| 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 |
| 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ź zawiera nazwę punktu 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. W widoku wykresu liniowego dostępne są 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 na temat metod dotyczących elementu Wykres liniowy można znaleźć w obszarze Interfejs API w języku JavaScript dla wykresu liniowego.
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.