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 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 liniowy znajdują się w poniższej tabeli:
Tabela 1. Właściwości konfiguracyjne wyglądu elementu Wykres liniowy
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śćIkona wielkości ekranu Wysokość wykresu. Integer
Właściwości konfiguracyjne zachowania widoku Wykres liniowy znajdują się w poniższej tabeli:
Tabela 2. Właściwości konfiguracyjne zachowania elementu Wykres liniowy
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
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. 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.