Tworzenie wykresów tabeli. Więcej informacji znajdziesz w dokumentacji Google Charts.
Poniżej znajdziesz przykładowy sposób tworzenia wykresu tabelarycznego. Dane są importowane z arkusza kalkulacyjnego Google.
// Get sample data from a spreadsheet. const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AF' + '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=4&headers=-1'; const chartBuilder = Charts.newTableChart() .setDimensions(600, 500) .enablePaging(20) .setDataSourceUrl(dataSourceUrl); const chart = chartBuilder.build();
Metody
Metoda | Zwracany typ | Krótki opis |
---|---|---|
build() | Chart | Tworzy wykres. |
enable | Table | Określa, czy należy włączyć przewijanie danych. |
enable | Table | Włącza podział na strony i ustala liczbę wierszy na stronie. |
enable | Table | Umożliwia podział na strony, ustawia liczbę wierszy na każdej stronie i pierwszą stronę tabeli do wyświetlenia (numery stron są liczone od zera). |
enable | Table | Dodaje podstawową obsługę języków zapisywanych od prawej do lewej (np. arabskiego lub hebrajskiego) przez odwrócenie kolejności kolumn tabeli, tak aby kolumna 0 była kolumną najbardziej na prawo, a ostatnia kolumna – najbardziej na lewo. |
enable | Table | Określa, czy kolumny mają być sortowane, gdy użytkownik kliknie nagłówek kolumny. |
set | Table | Ustawia adres URL źródła danych, który służy do pobierania danych z zewnętrznego źródła, np. z Arkuszy Google. |
set | Table | Za pomocą klasy DataTableBuilder ustawia tabelę danych, która ma być używana na potrzeby wykresu. |
set | Table | Ustawia tabelę danych zawierającą linie wykresu oraz etykiety osi X. |
set | Table | Określa definicję widoku danych używanego na wykresie. |
set | Table | Określa wymiary wykresu. |
set | Table | Ustawia numer wiersza dla pierwszego wiersza w tabeli danych. |
set | Table | Ustawia indeks kolumny, według której tabela ma być początkowo sortowana (w kolejności rosnącej). |
set | Table | Ustawia indeks kolumny, według której tabela ma być początkowo sortowana (malejąco). |
set | Table | Ustawia zaawansowane opcje wykresu. |
show | Table | Określa, czy numer wiersza ma być wyświetlany jako pierwsza kolumna tabeli. |
use | Table | Określa, czy styl naprzemiennych kolorów jest przypisany do nieparzystych i parzystych wierszy wykresu tabeli. |
Szczegółowa dokumentacja
build()
Tworzy wykres.
Powrót
Chart
– obiekt wykresu, który można umieszczać w dokumentach i elementach interfejsu lub używać jako statyczny obraz.
enable Paging(enablePaging)
Określa, czy należy włączyć przewijanie danych.
Domyślnie paging jest wyłączony. Jeśli masz włączone podział na strony, domyślny rozmiar strony to 10.
Parametry
Nazwa | Typ | Opis |
---|---|---|
enable | Boolean | true , jeśli ma być włączone przewijanie, a w przeciwnym razie false . |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
enable Paging(pageSize)
Włącza podział na strony i ustala liczbę wierszy na stronie.
Domyślny rozmiar strony to 10.
// Creates a table chart builder and enables paging with page size of 5. const builder = Charts.newTableChart(); builder.enablePaging(5);
Parametry
Nazwa | Typ | Opis |
---|---|---|
page | Integer | Liczba wierszy na każdej stronie tabeli. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
enable Paging(pageSize, startPage)
Umożliwia podział na strony, ustawia liczbę wierszy na każdej stronie i pierwszą stronę tabeli do wyświetlenia (numery stron są liczone od zera).
Domyślny rozmiar strony to 10, a domyślna strona początkowa to 0.
// Creates a table chart builder and enables paging with page size of 5 and // displays page 2 first. const builder = Charts.newTableChart(); builder.enablePaging(5, 2);
Parametry
Nazwa | Typ | Opis |
---|---|---|
page | Integer | Liczba wierszy na każdej stronie tabeli. |
start | Integer | Pierwsza strona tabeli do wyświetlenia (numery stron są liczone od 0). |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
enable Rtl Table(rtlEnabled)
Dodaje podstawową obsługę języków zapisywanych od prawej do lewej (np. arabskiego lub hebrajskiego) przez odwrócenie kolejności kolumn tabeli, tak aby kolumna 0 była kolumną najbardziej na prawo, a ostatnia kolumna – najbardziej na lewo.
Nie wpływa to na indeks kolumny w podstawowych danych, tylko na kolejność wyświetlania. Wizualizacja tabeli nie obsługuje pełnego dwukierunkowego (BiDi) wyświetlania języka, nawet z tą opcją. Ta opcja jest ignorowana, jeśli włączysz przewijanie (za pomocą opcji strony) lub jeśli tabela ma paski przewijania, ponieważ masz ustawione opcje wysokości i szerokości mniejsze niż wymagany rozmiar tabeli. Domyślnie obsługa RTL jest wyłączona.
Parametry
Nazwa | Typ | Opis |
---|---|---|
rtl | Boolean | true , jeśli ma być włączone wyświetlanie od prawej do lewej, false w przeciwnym razie. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
enable Sorting(enableSorting)
Określa, czy kolumny mają być sortowane, gdy użytkownik kliknie nagłówek kolumny.
Jeśli sortowanie jest włączone, po kliknięciu nagłówka kolumny wiersze są automatycznie sortowane. Domyślnie sortowanie jest włączone.
Parametry
Nazwa | Typ | Opis |
---|---|---|
enable | Boolean | true , aby umożliwić sortowanie przez klikanie nagłówków kolumn, false w przeciwnym razie. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
set Data Source Url(url)
Ustawia adres URL źródła danych, który służy do pobierania danych z zewnętrznego źródła, np. z Arkuszy Google. Jeśli podasz URL źródła danych i tabelę danych, adres URL źródła danych zostanie zignorowany.
Więcej informacji o wysyłaniu zapytań do źródeł danych znajdziesz w dokumentacji Google Charts.
Parametry
Nazwa | Typ | Opis |
---|---|---|
url | String | Adres URL źródła danych, w tym parametry zapytania. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
set Data Table(tableBuilder)
Za pomocą klasy DataTableBuilder ustawia tabelę danych, która ma być używana na potrzeby wykresu. Jest to wygodna metoda ustawiania tabeli danych bez konieczności wywoływania funkcji build()
.
Parametry
Nazwa | Typ | Opis |
---|---|---|
table | Data | Kreator tabeli danych. W ramach tego wywołania tworzona jest nowa tabela danych, więc wszelkie dalsze zmiany w kreatorze nie będą odzwierciedlane na wykresie. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
set Data Table(table)
Ustawia tabelę danych zawierającą linie wykresu oraz etykiety osi X. Pierwsza kolumna powinna być ciągiem znaków i zawierać etykiety osi poziomej. Może być dowolna liczba kolumn, które muszą zawierać dane liczbowe. Każda kolumna jest wyświetlana jako osobna linijka.
Parametry
Nazwa | Typ | Opis |
---|---|---|
table | Data | Tabela danych, której chcesz użyć na wykresie. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
set Data View Definition(dataViewDefinition)
Określa definicję widoku danych używanego na wykresie.
Parametry
Nazwa | Typ | Opis |
---|---|---|
data | Data | Obiekt definicji widoku danych, który definiuje widok, który powinien zostać utworzony na podstawie danego źródła danych na potrzeby rysowania wykresu. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
set Dimensions(width, height)
Określa wymiary wykresu.
Parametry
Nazwa | Typ | Opis |
---|---|---|
width | Integer | Szerokość wykresu w pikselach. |
height | Integer | Wysokość wykresu w pikselach. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
set First Row Number(number)
Ustawia numer wiersza dla pierwszego wiersza w tabeli danych.
Domyślny numer pierwszego wiersza to 1.
// Creates a table chart builder and sets the first row to be 2. const builder = Charts.newTableChart(); builder.setFirstRowNumber(2);
Parametry
Nazwa | Typ | Opis |
---|---|---|
number | Integer | Numer pierwszego wiersza w tabeli danych. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
set Initial Sorting Ascending(column)
Ustawia indeks kolumny, według której tabela ma być początkowo sortowana (w kolejności rosnącej).
Kolumna jest posortowana rosnąco i oznaczona małą strzałką.
// Creates a table chart builder and sorts it by the second column (ascending). const builder = Charts.newTableChart(); builder.setInitialSortingAscending(2);
Parametry
Nazwa | Typ | Opis |
---|---|---|
column | Integer | Numer kolumny, według której tabela ma być początkowo posortowana. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
set Initial Sorting Descending(column)
Ustawia indeks kolumny, według której tabela ma być początkowo sortowana (malejąco).
Kolumna jest posortowana malejąco i oznaczona małą strzałką.
// Creates a table chart builder and sorts it by the second column (descending). const builder = Charts.newTableChart(); builder.setInitialSortingDescending(2);
Parametry
Nazwa | Typ | Opis |
---|---|---|
column | Integer | Numer kolumny, według której tabela ma być początkowo posortowana. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
set Option(option, value)
Ustawia zaawansowane opcje wykresu. Zobacz dostępne opcje tego wykresu. Ta metoda nie działa, jeśli dana opcja jest nieprawidłowa.
// Build a table chart which renders HTML. const builder = Charts.newTableChart(); builder.setOption('allowHtml', {@code true}); const chart = builder.build();
Parametry
Nazwa | Typ | Opis |
---|---|---|
option | String | Opcja do ustawienia. |
value | Object | Wartość do ustawienia. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
show Row Number Column(showRowNumber)
Określa, czy numer wiersza ma być wyświetlany jako pierwsza kolumna tabeli.
Domyślnie numery wierszy nie są wyświetlane.
Parametry
Nazwa | Typ | Opis |
---|---|---|
show | Boolean | true , jeśli pierwsza kolumna tabeli ma zawierać numer wiersza,false w przeciwnym razie – false . |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.
use Alternating Row Style(alternate)
Określa, czy styl naprzemiennych kolorów jest przypisany do nieparzystych i parzystych wierszy wykresu tabeli.
Domyślnie wiersze mają naprzemiennie kolory.
Parametry
Nazwa | Typ | Opis |
---|---|---|
alternate | Boolean | true , jeśli style kolorów mają się naprzemiennie pojawiać, false w przeciwnym razie. |
Powrót
Table
– ten kreator jest przydatny do łańcuchowania.