Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
Prześlij opinię
Charts Service
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Listy przebojów
Ta usługa umożliwia użytkownikom tworzenie wykresów za pomocą narzędzi Wykresów Google i renderowanie ich po stronie serwera.
Jeśli chcesz renderować wykresy w przeglądarce internetowej, użyj interfejsu Google Charts API .
W tym przykładzie tworzymy podstawową tabelę danych, wypełniamy nią wykres warstwowy i dodajemy go do strony internetowej jako obraz:
function doGet () {
var data = Charts . newDataTable ()
. addColumn ( Charts . ColumnType . STRING , 'Month' )
. addColumn ( Charts . ColumnType . NUMBER , 'In Store' )
. addColumn ( Charts . ColumnType . NUMBER , 'Online' )
. addRow ([ 'January' , 10 , 1 ])
. addRow ([ 'February' , 12 , 1 ])
. addRow ([ 'March' , 20 , 2 ])
. addRow ([ 'April' , 25 , 3 ])
. addRow ([ 'May' , 30 , 4 ])
. build ();
var chart = Charts . newAreaChart ()
. setDataTable ( data )
. setStacked ()
. setRange ( 0 , 40 )
. setTitle ( 'Sales per Month' )
. build ();
var htmlOutput = HtmlService . createHtmlOutput () . setTitle ( 'My Chart' );
var imageData = Utilities . base64Encode ( chart . getAs ( 'image/png' ) . getBytes ());
var imageUrl = "data:image/png;base64," + encodeURI ( imageData );
htmlOutput . append ( "Render chart server side: <br/>" );
htmlOutput . append ( "<img border= \" 1 \" src= \" " + imageUrl + " \" >" );
return htmlOutput ;
} Zajęcia
Metody
Metoda Zwracany typ Krótki opis
build() Chart Tworzy wykres.
reverse Categories() Area Chart Builder Odwraca rysowanie serii na osi domeny.
set Background Color(cssValue) Area Chart Builder Ustawia kolor tła wykresu.
set Colors(cssValues) Area Chart Builder Ustawia kolory linii na wykresie.
set Data Source Url(url) Area Chart Builder Ustawia adres URL źródła danych, który jest używany do pobierania danych ze źródła zewnętrznego, np. z Arkuszy Google.
set Data Table(tableBuilder) Area Chart Builder Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder.
set Data Table(table) Area Chart Builder Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X.
set Data View Definition(dataViewDefinition) Area Chart Builder Określa definicję widoku danych, która ma być używana na wykresie.
set Dimensions(width, height) Area Chart Builder Określa wymiary wykresu.
set Legend Position(position) Area Chart Builder Ustawia położenie legendy względem wykresu.
set Legend Text Style(textStyle) Area Chart Builder Ustawia styl tekstu legendy wykresu.
set Option(option, value) Area Chart Builder Ustawia zaawansowane opcje tego wykresu.
set Point Style(style) Area Chart Builder Ustawia styl punktów na linii.
set Range(start, end) Area Chart Builder Ustawia zakres wykresu.
set Stacked() Area Chart Builder Używa linii skumulowanych, co oznacza, że wartości linii i słupków są skumulowane.
set Title(chartTitle) Area Chart Builder Ustawia tytuł wykresu.
set Title Text Style(textStyle) Area Chart Builder Ustawia styl tekstu tytułu wykresu.
set XAxis Text Style(textStyle) Area Chart Builder Ustawia styl tekstu osi poziomej.
set XAxis Title(title) Area Chart Builder Dodaje tytuł osi poziomej.
set XAxis Title Text Style(textStyle) Area Chart Builder Ustawia styl tekstu tytułu osi poziomej.
set YAxis Text Style(textStyle) Area Chart Builder Ustawia styl tekstu osi pionowej.
set YAxis Title(title) Area Chart Builder Dodaje tytuł osi pionowej.
set YAxis Title Text Style(textStyle) Area Chart Builder Ustawia styl tekstu tytułu osi pionowej.
use Log Scale() Area Chart Builder Przekształca oś zakresu w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie).
Metody
Metoda Zwracany typ Krótki opis
build() Chart Tworzy wykres.
reverse Categories() Bar Chart Builder Odwraca rysowanie serii na osi domeny.
reverse Direction() Bar Chart Builder Odwraca kierunek, w którym słupki rosną wzdłuż osi poziomej.
set Background Color(cssValue) Bar Chart Builder Ustawia kolor tła wykresu.
set Colors(cssValues) Bar Chart Builder Ustawia kolory linii na wykresie.
set Data Source Url(url) Bar Chart Builder Ustawia adres URL źródła danych, który jest używany do pobierania danych ze źródła zewnętrznego, np. z Arkuszy Google.
set Data Table(tableBuilder) Bar Chart Builder Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder.
set Data Table(table) Bar Chart Builder Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X.
set Data View Definition(dataViewDefinition) Bar Chart Builder Określa definicję widoku danych, która ma być używana na wykresie.
set Dimensions(width, height) Bar Chart Builder Określa wymiary wykresu.
set Legend Position(position) Bar Chart Builder Ustawia położenie legendy względem wykresu.
set Legend Text Style(textStyle) Bar Chart Builder Ustawia styl tekstu legendy wykresu.
set Option(option, value) Bar Chart Builder Ustawia zaawansowane opcje tego wykresu.
set Range(start, end) Bar Chart Builder Ustawia zakres wykresu.
set Stacked() Bar Chart Builder Używa linii skumulowanych, co oznacza, że wartości linii i słupków są skumulowane.
set Title(chartTitle) Bar Chart Builder Ustawia tytuł wykresu.
set Title Text Style(textStyle) Bar Chart Builder Ustawia styl tekstu tytułu wykresu.
set XAxis Text Style(textStyle) Bar Chart Builder Ustawia styl tekstu osi poziomej.
set XAxis Title(title) Bar Chart Builder Dodaje tytuł osi poziomej.
set XAxis Title Text Style(textStyle) Bar Chart Builder Ustawia styl tekstu tytułu osi poziomej.
set YAxis Text Style(textStyle) Bar Chart Builder Ustawia styl tekstu osi pionowej.
set YAxis Title(title) Bar Chart Builder Dodaje tytuł osi pionowej.
set YAxis Title Text Style(textStyle) Bar Chart Builder Ustawia styl tekstu tytułu osi pionowej.
use Log Scale() Bar Chart Builder Przekształca oś zakresu w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie).
Właściwości
Właściwość Typ Opis
IGNORE_BOTHEnumDomyślne: wykres pomija ukryte kolumny i wiersze.
IGNORE_ROWSEnumWykresy pomijają tylko ukryte wiersze.
IGNORE_COLUMNSEnumWykresy pomijają tylko ukryte kolumny.
SHOW_BOTHEnumWykresy nie pomijają ukrytych kolumn ani wierszy.
Właściwości
Właściwość Typ Opis
MERGE_COLUMNSEnumDomyślny:
MERGE_ROWSEnumWykresy łączą wiersze z wielu zakresów.
Metody
Metoda Zwracany typ Krótki opis
get(option) ObjectZwraca skonfigurowaną opcję tego wykresu.
get Or Default(option) ObjectZwraca skonfigurowaną opcję tego wykresu.
Właściwości
Właściwość Typ Opis
TIMELINEEnumWykres z osią czasu.
AREAEnumWykres warstwowy
BAREnumWykres słupkowy
BUBBLEEnumWykres bąbelkowy.
CANDLESTICKEnumWykres świecowy.
COLUMNEnumWykres kolumnowy
COMBOEnumWykres kombi
GAUGEEnumWykres wskaźnikowy.
GEOEnumWykres geograficzny.
HISTOGRAMEnumHistogram
RADAREnumWykres radarowy.
LINEEnumWykres liniowy
ORGEnumWykres organizacyjny.
PIEEnumWykres kołowy
SCATTEREnumWykres punktowy
SPARKLINEEnumMiniwykres.
STEPPED_AREAEnumWykres warstwowy krokowy.
TABLEEnumWykres tabelaryczny
TREEMAPEnumWykres mapy drzewa.
WATERFALLEnumWykres kaskadowy.
Właściwości
Właściwość Typ Opis
Chart Hidden Dimension StrategyChart Hidden Dimension Strategy Wyliczenie sposobu, w jaki ukryte wymiary w źródle są przedstawiane na wykresie.
Chart Merge StrategyChart Merge Strategy Wyliczenie sposobu wyrażania wielu zakresów w źródle na wykresie.
Chart TypeChart Type Wyliczenie typów wykresów obsługiwanych przez usługę Wykresy.
Column TypeColumn Type Wyliczenie prawidłowych typów danych dla kolumn w Data Table .
Curve StyleCurve Style Wyliczenie stylów krzywych na wykresie.
Point StylePoint Style Wyliczenie stylów punktów na linii.
PositionPosition Wyliczenie pozycji legendy na wykresie.
Metody
Metoda Zwracany typ Krótki opis
build() Chart Tworzy wykres.
reverse Categories() Column Chart Builder Odwraca rysowanie serii na osi domeny.
set Background Color(cssValue) Column Chart Builder Ustawia kolor tła wykresu.
set Colors(cssValues) Column Chart Builder Ustawia kolory linii na wykresie.
set Data Source Url(url) Column Chart Builder Ustawia adres URL źródła danych, który jest używany do pobierania danych ze źródła zewnętrznego, np. z Arkuszy Google.
set Data Table(tableBuilder) Column Chart Builder Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder.
set Data Table(table) Column Chart Builder Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X.
set Data View Definition(dataViewDefinition) Column Chart Builder Określa definicję widoku danych, która ma być używana na wykresie.
set Dimensions(width, height) Column Chart Builder Określa wymiary wykresu.
set Legend Position(position) Column Chart Builder Ustawia położenie legendy względem wykresu.
set Legend Text Style(textStyle) Column Chart Builder Ustawia styl tekstu legendy wykresu.
set Option(option, value) Column Chart Builder Ustawia zaawansowane opcje tego wykresu.
set Range(start, end) Column Chart Builder Ustawia zakres wykresu.
set Stacked() Column Chart Builder Używa linii skumulowanych, co oznacza, że wartości linii i słupków są skumulowane.
set Title(chartTitle) Column Chart Builder Ustawia tytuł wykresu.
set Title Text Style(textStyle) Column Chart Builder Ustawia styl tekstu tytułu wykresu.
set XAxis Text Style(textStyle) Column Chart Builder Ustawia styl tekstu osi poziomej.
set XAxis Title(title) Column Chart Builder Dodaje tytuł osi poziomej.
set XAxis Title Text Style(textStyle) Column Chart Builder Ustawia styl tekstu tytułu osi poziomej.
set YAxis Text Style(textStyle) Column Chart Builder Ustawia styl tekstu osi pionowej.
set YAxis Title(title) Column Chart Builder Dodaje tytuł osi pionowej.
set YAxis Title Text Style(textStyle) Column Chart Builder Ustawia styl tekstu tytułu osi pionowej.
use Log Scale() Column Chart Builder Przekształca oś zakresu w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie).
Właściwości
Właściwość Typ Opis
DATEEnumOdpowiada wartościom daty.
NUMBEREnumOdpowiada wartościom liczbowym.
STRINGEnumOdpowiada wartościom ciągu tekstowego.
Właściwości
Właściwość Typ Opis
NORMALEnumLinie proste bez krzywizny.
SMOOTHEnumKąty linii są wygładzone.
Metody
Metoda Zwracany typ Krótki opis
build() Chart Tworzy wykres.
reverse Categories() Line Chart Builder Odwraca rysowanie serii na osi domeny.
set Background Color(cssValue) Line Chart Builder Ustawia kolor tła wykresu.
set Colors(cssValues) Line Chart Builder Ustawia kolory linii na wykresie.
set Curve Style(style) Line Chart Builder Określa styl, który ma być używany w przypadku krzywych na wykresie.
set Data Source Url(url) Line Chart Builder Ustawia adres URL źródła danych, który jest używany do pobierania danych ze źródła zewnętrznego, np. z Arkuszy Google.
set Data Table(tableBuilder) Line Chart Builder Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder.
set Data Table(table) Line Chart Builder Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X.
set Data View Definition(dataViewDefinition) Line Chart Builder Określa definicję widoku danych, która ma być używana na wykresie.
set Dimensions(width, height) Line Chart Builder Określa wymiary wykresu.
set Legend Position(position) Line Chart Builder Ustawia położenie legendy względem wykresu.
set Legend Text Style(textStyle) Line Chart Builder Ustawia styl tekstu legendy wykresu.
set Option(option, value) Line Chart Builder Ustawia zaawansowane opcje tego wykresu.
set Point Style(style) Line Chart Builder Ustawia styl punktów na linii.
set Range(start, end) Line Chart Builder Ustawia zakres wykresu.
set Title(chartTitle) Line Chart Builder Ustawia tytuł wykresu.
set Title Text Style(textStyle) Line Chart Builder Ustawia styl tekstu tytułu wykresu.
set XAxis Text Style(textStyle) Line Chart Builder Ustawia styl tekstu osi poziomej.
set XAxis Title(title) Line Chart Builder Dodaje tytuł osi poziomej.
set XAxis Title Text Style(textStyle) Line Chart Builder Ustawia styl tekstu tytułu osi poziomej.
set YAxis Text Style(textStyle) Line Chart Builder Ustawia styl tekstu osi pionowej.
set YAxis Title(title) Line Chart Builder Dodaje tytuł osi pionowej.
set YAxis Title Text Style(textStyle) Line Chart Builder Ustawia styl tekstu tytułu osi pionowej.
use Log Scale() Line Chart Builder Przekształca oś zakresu w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie).
Właściwości
Właściwość Typ Opis
EXACTEnumDopasowuj tylko dokładne wartości
PREFIXEnumDopasowywanie prefiksów od początku wartości
ANYEnumDopasuj dowolny podłańcuch
Metody
Metoda Zwracany typ Krótki opis
get Name() StringZwraca nazwę typu dopasowania, która ma być używana w pliku JSON opcji.
Właściwości
Właściwość Typ Opis
HORIZONTALEnumOrientacja pozioma.
VERTICALEnumOrientacja pionowa.
Właściwości
Właściwość Typ Opis
ASIDEEnumWybrane wartości są wyświetlane w jednym wierszu tekstu obok selektora wartości.
BELOWEnumWybrane wartości są wyświetlane w jednym wierszu tekstu pod widżetem.
BELOW_WRAPPINGEnumPodobnie jak poniżej, ale wpisy, które nie mieszczą się w selektorze, są przenoszone do nowego wiersza.
BELOW_STACKEDEnumWybrane wartości wyświetlają się w kolumnie pod widżetem.
Właściwości
Właściwość Typ Opis
NONEEnumNie wyświetlaj punktów linii.
TINYEnumUżywaj małych punktów.
MEDIUMEnumUżywaj średniej wielkości punktów linii.
LARGEEnumUżywaj dużych punktów linii.
HUGEEnumUżywaj największych punktów linii.
Właściwości
Właściwość Typ Opis
TOPEnumnad wykresem.
RIGHTEnumpo prawej stronie wykresu.
BOTTOMEnumPod wykresem.
NONEEnumNie wyświetla się legenda.
Metody
Metoda Zwracany typ Krótki opis
build() Chart Tworzy wykres.
set Background Color(cssValue) Scatter Chart Builder Ustawia kolor tła wykresu.
set Colors(cssValues) Scatter Chart Builder Ustawia kolory linii na wykresie.
set Data Source Url(url) Scatter Chart Builder Ustawia adres URL źródła danych, który jest używany do pobierania danych ze źródła zewnętrznego, np. z Arkuszy Google.
set Data Table(tableBuilder) Scatter Chart Builder Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder.
set Data Table(table) Scatter Chart Builder Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X.
set Data View Definition(dataViewDefinition) Scatter Chart Builder Określa definicję widoku danych, która ma być używana na wykresie.
set Dimensions(width, height) Scatter Chart Builder Określa wymiary wykresu.
set Legend Position(position) Scatter Chart Builder Ustawia położenie legendy względem wykresu.
set Legend Text Style(textStyle) Scatter Chart Builder Ustawia styl tekstu legendy wykresu.
set Option(option, value) Scatter Chart Builder Ustawia zaawansowane opcje tego wykresu.
set Point Style(style) Scatter Chart Builder Ustawia styl punktów na linii.
set Title(chartTitle) Scatter Chart Builder Ustawia tytuł wykresu.
set Title Text Style(textStyle) Scatter Chart Builder Ustawia styl tekstu tytułu wykresu.
set XAxis Log Scale() Scatter Chart Builder Przekształca oś poziomą w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie).
set XAxis Range(start, end) Scatter Chart Builder Ustawia zakres osi poziomej wykresu.
set XAxis Text Style(textStyle) Scatter Chart Builder Ustawia styl tekstu osi poziomej.
set XAxis Title(title) Scatter Chart Builder Dodaje tytuł osi poziomej.
set XAxis Title Text Style(textStyle) Scatter Chart Builder Ustawia styl tekstu tytułu osi poziomej.
set YAxis Log Scale() Scatter Chart Builder Przekształca oś pionową w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie).
set YAxis Range(start, end) Scatter Chart Builder Ustawia zakres osi pionowej wykresu.
set YAxis Text Style(textStyle) Scatter Chart Builder Ustawia styl tekstu osi pionowej.
set YAxis Title(title) Scatter Chart Builder Dodaje tytuł osi pionowej.
set YAxis Title Text Style(textStyle) Scatter Chart Builder Ustawia styl tekstu tytułu osi pionowej.
Metody
Metoda Zwracany typ Krótki opis
build() Chart Tworzy wykres.
enable Paging(enablePaging) Table Chart Builder Określa, czy włączyć stronicowanie danych.
enable Paging(pageSize) Table Chart Builder Włącza stronicowanie i ustawia liczbę wierszy na każdej stronie.
enable Paging(pageSize, startPage) Table Chart Builder Włącza stronicowanie, ustawia liczbę wierszy na każdej stronie i pierwszą stronę tabeli do wyświetlenia (numery stron są oparte na zerze).
enable Rtl Table(rtlEnabled) Table Chart Builder Dodaje podstawową obsługę języków pisanych od prawej do lewej (np. arabskiego lub hebrajskiego) przez odwrócenie kolejności kolumn tabeli, tak aby kolumna zerowa była najbardziej wysunięta na prawo, a ostatnia kolumna była najbardziej wysunięta na lewo.
enable Sorting(enableSorting) Table Chart Builder Określa, czy kolumny mają być sortowane, gdy użytkownik kliknie nagłówek kolumny.
set Data Source Url(url) Table Chart Builder Ustawia adres URL źródła danych, który jest używany do pobierania danych ze źródła zewnętrznego, np. z Arkuszy Google.
set Data Table(tableBuilder) Table Chart Builder Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder.
set Data Table(table) Table Chart Builder Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X.
set Data View Definition(dataViewDefinition) Table Chart Builder Określa definicję widoku danych, która ma być używana na wykresie.
set Dimensions(width, height) Table Chart Builder Określa wymiary wykresu.
set First Row Number(number) Table Chart Builder Ustawia numer wiersza pierwszego wiersza w tabeli danych.
set Initial Sorting Ascending(column) Table Chart Builder Ustawia indeks kolumny, według której tabela ma być początkowo posortowana (rosnąco).
set Initial Sorting Descending(column) Table Chart Builder Ustawia indeks kolumny, według której tabela powinna być początkowo posortowana (w kolejności malejącej).
set Option(option, value) Table Chart Builder Ustawia zaawansowane opcje tego wykresu.
show Row Number Column(showRowNumber) Table Chart Builder Określa, czy numer wiersza ma być wyświetlany jako pierwsza kolumna tabeli.
use Alternating Row Style(alternate) Table Chart Builder Określa, czy styl kolorów naprzemiennych jest przypisany do nieparzystych i parzystych wierszy wykresu tabeli.
Metody
Metoda Zwracany typ Krótki opis
get Color() StringPobiera kolor stylu tekstu.
get Font Name() StringPobiera nazwę czcionki stylu tekstu.
get Font Size() NumberPobiera rozmiar czcionki stylu tekstu.
Prześlij opinię
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0 , a fragmenty kodu są dostępne na licencji Apache 2.0 . Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers . Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2026-04-13 UTC.
Chcesz przekazać coś jeszcze?
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2026-04-13 UTC."],[],["This service renders server-side charts using Google Charts Tools. Users create charts through builders like `AreaChartBuilder`, `BarChartBuilder`, etc. Data is structured in `DataTable` objects via `DataTableBuilder`. Charts can be converted to static images using `Chart.getAs()`. Customization includes setting colors, titles, dimensions, legends, axis styles, and data ranges. `ChartOptions` allow for advanced configurations. The `Charts` class provides the creation entry point and enums define chart, data, and styling options.\n"]]