Google uses AI technology to translate content into your preferred language. AI translations can contain errors.
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. |
reverseCategories() | AreaChartBuilder | Odwraca rysowanie serii na osi domeny. |
setBackgroundColor(cssValue) | AreaChartBuilder | Ustawia kolor tła wykresu. |
setColors(cssValues) | AreaChartBuilder | Ustawia kolory linii na wykresie. |
setDataSourceUrl(url) | AreaChartBuilder | 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. |
setDataTable(tableBuilder) | AreaChartBuilder | Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder. |
setDataTable(table) | AreaChartBuilder | Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X. |
setDataViewDefinition(dataViewDefinition) | AreaChartBuilder | Określa definicję widoku danych, która ma być używana na wykresie. |
setDimensions(width, height) | AreaChartBuilder | Określa wymiary wykresu. |
setLegendPosition(position) | AreaChartBuilder | Ustawia położenie legendy względem wykresu. |
setLegendTextStyle(textStyle) | AreaChartBuilder | Ustawia styl tekstu legendy wykresu. |
setOption(option, value) | AreaChartBuilder | Ustawia zaawansowane opcje tego wykresu. |
setPointStyle(style) | AreaChartBuilder | Ustawia styl punktów na linii. |
setRange(start, end) | AreaChartBuilder | Ustawia zakres wykresu. |
setStacked() | AreaChartBuilder | Używa linii skumulowanych, co oznacza, że wartości linii i słupków są skumulowane. |
setTitle(chartTitle) | AreaChartBuilder | Ustawia tytuł wykresu. |
setTitleTextStyle(textStyle) | AreaChartBuilder | Ustawia styl tekstu tytułu wykresu. |
setXAxisTextStyle(textStyle) | AreaChartBuilder | Ustawia styl tekstu osi poziomej. |
setXAxisTitle(title) | AreaChartBuilder | Dodaje tytuł osi poziomej. |
setXAxisTitleTextStyle(textStyle) | AreaChartBuilder | Ustawia styl tekstu tytułu osi poziomej. |
setYAxisTextStyle(textStyle) | AreaChartBuilder | Ustawia styl tekstu osi pionowej. |
setYAxisTitle(title) | AreaChartBuilder | Dodaje tytuł osi pionowej. |
setYAxisTitleTextStyle(textStyle) | AreaChartBuilder | Ustawia styl tekstu tytułu osi pionowej. |
useLogScale() | AreaChartBuilder | 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. |
reverseCategories() | BarChartBuilder | Odwraca rysowanie serii na osi domeny. |
reverseDirection() | BarChartBuilder | Odwraca kierunek, w którym słupki rosną wzdłuż osi poziomej. |
setBackgroundColor(cssValue) | BarChartBuilder | Ustawia kolor tła wykresu. |
setColors(cssValues) | BarChartBuilder | Ustawia kolory linii na wykresie. |
setDataSourceUrl(url) | BarChartBuilder | 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. |
setDataTable(tableBuilder) | BarChartBuilder | Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder. |
setDataTable(table) | BarChartBuilder | Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X. |
setDataViewDefinition(dataViewDefinition) | BarChartBuilder | Określa definicję widoku danych, która ma być używana na wykresie. |
setDimensions(width, height) | BarChartBuilder | Określa wymiary wykresu. |
setLegendPosition(position) | BarChartBuilder | Ustawia położenie legendy względem wykresu. |
setLegendTextStyle(textStyle) | BarChartBuilder | Ustawia styl tekstu legendy wykresu. |
setOption(option, value) | BarChartBuilder | Ustawia zaawansowane opcje tego wykresu. |
setRange(start, end) | BarChartBuilder | Ustawia zakres wykresu. |
setStacked() | BarChartBuilder | Używa linii skumulowanych, co oznacza, że wartości linii i słupków są skumulowane. |
setTitle(chartTitle) | BarChartBuilder | Ustawia tytuł wykresu. |
setTitleTextStyle(textStyle) | BarChartBuilder | Ustawia styl tekstu tytułu wykresu. |
setXAxisTextStyle(textStyle) | BarChartBuilder | Ustawia styl tekstu osi poziomej. |
setXAxisTitle(title) | BarChartBuilder | Dodaje tytuł osi poziomej. |
setXAxisTitleTextStyle(textStyle) | BarChartBuilder | Ustawia styl tekstu tytułu osi poziomej. |
setYAxisTextStyle(textStyle) | BarChartBuilder | Ustawia styl tekstu osi pionowej. |
setYAxisTitle(title) | BarChartBuilder | Dodaje tytuł osi pionowej. |
setYAxisTitleTextStyle(textStyle) | BarChartBuilder | Ustawia styl tekstu tytułu osi pionowej. |
useLogScale() | BarChartBuilder | 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_BOTH | Enum | Domyślne: wykres pomija ukryte kolumny i wiersze. |
IGNORE_ROWS | Enum | Wykresy pomijają tylko ukryte wiersze. |
IGNORE_COLUMNS | Enum | Wykresy pomijają tylko ukryte kolumny. |
SHOW_BOTH | Enum | Wykresy nie pomijają ukrytych kolumn ani wierszy. |
Właściwości
| Właściwość | Typ | Opis |
MERGE_COLUMNS | Enum | Domyślny: |
MERGE_ROWS | Enum | Wykresy łączą wiersze z wielu zakresów. |
Metody
| Metoda | Zwracany typ | Krótki opis |
get(option) | Object | Zwraca skonfigurowaną opcję tego wykresu. |
getOrDefault(option) | Object | Zwraca skonfigurowaną opcję tego wykresu. |
Właściwości
| Właściwość | Typ | Opis |
TIMELINE | Enum | Wykres z osią czasu. |
AREA | Enum | Wykres warstwowy |
BAR | Enum | Wykres słupkowy |
BUBBLE | Enum | Wykres bąbelkowy. |
CANDLESTICK | Enum | Wykres świecowy. |
COLUMN | Enum | Wykres kolumnowy |
COMBO | Enum | Wykres kombi |
GAUGE | Enum | Wykres wskaźnikowy. |
GEO | Enum | Wykres geograficzny. |
HISTOGRAM | Enum | Histogram |
RADAR | Enum | Wykres radarowy. |
LINE | Enum | Wykres liniowy |
ORG | Enum | Wykres organizacyjny. |
PIE | Enum | Wykres kołowy |
SCATTER | Enum | Wykres punktowy |
SPARKLINE | Enum | Miniwykres. |
STEPPED_AREA | Enum | Wykres warstwowy krokowy. |
TABLE | Enum | Wykres tabelaryczny |
TREEMAP | Enum | Wykres mapy drzewa. |
WATERFALL | Enum | Wykres kaskadowy. |
Właściwości
| Właściwość | Typ | Opis |
ChartHiddenDimensionStrategy | ChartHiddenDimensionStrategy | Wyliczenie sposobu, w jaki ukryte wymiary w źródle są przedstawiane na wykresie. |
ChartMergeStrategy | ChartMergeStrategy | Wyliczenie sposobu wyrażania wielu zakresów w źródle na wykresie. |
ChartType | ChartType | Wyliczenie typów wykresów obsługiwanych przez usługę Wykresy. |
ColumnType | ColumnType | Wyliczenie prawidłowych typów danych dla kolumn w DataTable. |
CurveStyle | CurveStyle | Wyliczenie stylów krzywych na wykresie. |
PointStyle | PointStyle | Wyliczenie stylów punktów na linii. |
Position | Position | Wyliczenie pozycji legendy na wykresie. |
Metody
| Metoda | Zwracany typ | Krótki opis |
build() | Chart | Tworzy wykres. |
reverseCategories() | ColumnChartBuilder | Odwraca rysowanie serii na osi domeny. |
setBackgroundColor(cssValue) | ColumnChartBuilder | Ustawia kolor tła wykresu. |
setColors(cssValues) | ColumnChartBuilder | Ustawia kolory linii na wykresie. |
setDataSourceUrl(url) | ColumnChartBuilder | 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. |
setDataTable(tableBuilder) | ColumnChartBuilder | Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder. |
setDataTable(table) | ColumnChartBuilder | Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X. |
setDataViewDefinition(dataViewDefinition) | ColumnChartBuilder | Określa definicję widoku danych, która ma być używana na wykresie. |
setDimensions(width, height) | ColumnChartBuilder | Określa wymiary wykresu. |
setLegendPosition(position) | ColumnChartBuilder | Ustawia położenie legendy względem wykresu. |
setLegendTextStyle(textStyle) | ColumnChartBuilder | Ustawia styl tekstu legendy wykresu. |
setOption(option, value) | ColumnChartBuilder | Ustawia zaawansowane opcje tego wykresu. |
setRange(start, end) | ColumnChartBuilder | Ustawia zakres wykresu. |
setStacked() | ColumnChartBuilder | Używa linii skumulowanych, co oznacza, że wartości linii i słupków są skumulowane. |
setTitle(chartTitle) | ColumnChartBuilder | Ustawia tytuł wykresu. |
setTitleTextStyle(textStyle) | ColumnChartBuilder | Ustawia styl tekstu tytułu wykresu. |
setXAxisTextStyle(textStyle) | ColumnChartBuilder | Ustawia styl tekstu osi poziomej. |
setXAxisTitle(title) | ColumnChartBuilder | Dodaje tytuł osi poziomej. |
setXAxisTitleTextStyle(textStyle) | ColumnChartBuilder | Ustawia styl tekstu tytułu osi poziomej. |
setYAxisTextStyle(textStyle) | ColumnChartBuilder | Ustawia styl tekstu osi pionowej. |
setYAxisTitle(title) | ColumnChartBuilder | Dodaje tytuł osi pionowej. |
setYAxisTitleTextStyle(textStyle) | ColumnChartBuilder | Ustawia styl tekstu tytułu osi pionowej. |
useLogScale() | ColumnChartBuilder | Przekształca oś zakresu w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). |
Właściwości
| Właściwość | Typ | Opis |
DATE | Enum | Odpowiada wartościom daty. |
NUMBER | Enum | Odpowiada wartościom liczbowym. |
STRING | Enum | Odpowiada wartościom ciągu tekstowego. |
Właściwości
| Właściwość | Typ | Opis |
NORMAL | Enum | Linie proste bez krzywizny. |
SMOOTH | Enum | Kąty linii są wygładzone. |
Metody
| Metoda | Zwracany typ | Krótki opis |
build() | Chart | Tworzy wykres. |
reverseCategories() | LineChartBuilder | Odwraca rysowanie serii na osi domeny. |
setBackgroundColor(cssValue) | LineChartBuilder | Ustawia kolor tła wykresu. |
setColors(cssValues) | LineChartBuilder | Ustawia kolory linii na wykresie. |
setCurveStyle(style) | LineChartBuilder | Określa styl, który ma być używany w przypadku krzywych na wykresie. |
setDataSourceUrl(url) | LineChartBuilder | 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. |
setDataTable(tableBuilder) | LineChartBuilder | Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder. |
setDataTable(table) | LineChartBuilder | Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X. |
setDataViewDefinition(dataViewDefinition) | LineChartBuilder | Określa definicję widoku danych, która ma być używana na wykresie. |
setDimensions(width, height) | LineChartBuilder | Określa wymiary wykresu. |
setLegendPosition(position) | LineChartBuilder | Ustawia położenie legendy względem wykresu. |
setLegendTextStyle(textStyle) | LineChartBuilder | Ustawia styl tekstu legendy wykresu. |
setOption(option, value) | LineChartBuilder | Ustawia zaawansowane opcje tego wykresu. |
setPointStyle(style) | LineChartBuilder | Ustawia styl punktów na linii. |
setRange(start, end) | LineChartBuilder | Ustawia zakres wykresu. |
setTitle(chartTitle) | LineChartBuilder | Ustawia tytuł wykresu. |
setTitleTextStyle(textStyle) | LineChartBuilder | Ustawia styl tekstu tytułu wykresu. |
setXAxisTextStyle(textStyle) | LineChartBuilder | Ustawia styl tekstu osi poziomej. |
setXAxisTitle(title) | LineChartBuilder | Dodaje tytuł osi poziomej. |
setXAxisTitleTextStyle(textStyle) | LineChartBuilder | Ustawia styl tekstu tytułu osi poziomej. |
setYAxisTextStyle(textStyle) | LineChartBuilder | Ustawia styl tekstu osi pionowej. |
setYAxisTitle(title) | LineChartBuilder | Dodaje tytuł osi pionowej. |
setYAxisTitleTextStyle(textStyle) | LineChartBuilder | Ustawia styl tekstu tytułu osi pionowej. |
useLogScale() | LineChartBuilder | Przekształca oś zakresu w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). |
Właściwości
| Właściwość | Typ | Opis |
EXACT | Enum | Dopasowuj tylko dokładne wartości |
PREFIX | Enum | Dopasowywanie prefiksów od początku wartości |
ANY | Enum | Dopasuj dowolny podłańcuch |
Metody
| Metoda | Zwracany typ | Krótki opis |
getName() | String | Zwraca nazwę typu dopasowania, która ma być używana w pliku JSON opcji. |
Właściwości
| Właściwość | Typ | Opis |
HORIZONTAL | Enum | Orientacja pozioma. |
VERTICAL | Enum | Orientacja pionowa. |
Właściwości
| Właściwość | Typ | Opis |
ASIDE | Enum | Wybrane wartości są wyświetlane w jednym wierszu tekstu obok selektora wartości. |
BELOW | Enum | Wybrane wartości są wyświetlane w jednym wierszu tekstu pod widżetem. |
BELOW_WRAPPING | Enum | Podobnie jak poniżej, ale wpisy, które nie mieszczą się w selektorze, są przenoszone do nowego wiersza. |
BELOW_STACKED | Enum | Wybrane wartości wyświetlają się w kolumnie pod widżetem. |
Właściwości
| Właściwość | Typ | Opis |
NONE | Enum | Nie wyświetlaj punktów linii. |
TINY | Enum | Używaj małych punktów. |
MEDIUM | Enum | Używaj średniej wielkości punktów linii. |
LARGE | Enum | Używaj dużych punktów linii. |
HUGE | Enum | Używaj największych punktów linii. |
Właściwości
| Właściwość | Typ | Opis |
TOP | Enum | nad wykresem. |
RIGHT | Enum | po prawej stronie wykresu. |
BOTTOM | Enum | Pod wykresem. |
NONE | Enum | Nie wyświetla się legenda. |
Metody
| Metoda | Zwracany typ | Krótki opis |
build() | Chart | Tworzy wykres. |
setBackgroundColor(cssValue) | ScatterChartBuilder | Ustawia kolor tła wykresu. |
setColors(cssValues) | ScatterChartBuilder | Ustawia kolory linii na wykresie. |
setDataSourceUrl(url) | ScatterChartBuilder | 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. |
setDataTable(tableBuilder) | ScatterChartBuilder | Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder. |
setDataTable(table) | ScatterChartBuilder | Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X. |
setDataViewDefinition(dataViewDefinition) | ScatterChartBuilder | Określa definicję widoku danych, która ma być używana na wykresie. |
setDimensions(width, height) | ScatterChartBuilder | Określa wymiary wykresu. |
setLegendPosition(position) | ScatterChartBuilder | Ustawia położenie legendy względem wykresu. |
setLegendTextStyle(textStyle) | ScatterChartBuilder | Ustawia styl tekstu legendy wykresu. |
setOption(option, value) | ScatterChartBuilder | Ustawia zaawansowane opcje tego wykresu. |
setPointStyle(style) | ScatterChartBuilder | Ustawia styl punktów na linii. |
setTitle(chartTitle) | ScatterChartBuilder | Ustawia tytuł wykresu. |
setTitleTextStyle(textStyle) | ScatterChartBuilder | Ustawia styl tekstu tytułu wykresu. |
setXAxisLogScale() | ScatterChartBuilder | Przekształca oś poziomą w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). |
setXAxisRange(start, end) | ScatterChartBuilder | Ustawia zakres osi poziomej wykresu. |
setXAxisTextStyle(textStyle) | ScatterChartBuilder | Ustawia styl tekstu osi poziomej. |
setXAxisTitle(title) | ScatterChartBuilder | Dodaje tytuł osi poziomej. |
setXAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Ustawia styl tekstu tytułu osi poziomej. |
setYAxisLogScale() | ScatterChartBuilder | Przekształca oś pionową w skalę logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). |
setYAxisRange(start, end) | ScatterChartBuilder | Ustawia zakres osi pionowej wykresu. |
setYAxisTextStyle(textStyle) | ScatterChartBuilder | Ustawia styl tekstu osi pionowej. |
setYAxisTitle(title) | ScatterChartBuilder | Dodaje tytuł osi pionowej. |
setYAxisTitleTextStyle(textStyle) | ScatterChartBuilder | Ustawia styl tekstu tytułu osi pionowej. |
Metody
| Metoda | Zwracany typ | Krótki opis |
build() | Chart | Tworzy wykres. |
enablePaging(enablePaging) | TableChartBuilder | Określa, czy włączyć stronicowanie danych. |
enablePaging(pageSize) | TableChartBuilder | Włącza stronicowanie i ustawia liczbę wierszy na każdej stronie. |
enablePaging(pageSize, startPage) | TableChartBuilder | Włącza stronicowanie, ustawia liczbę wierszy na każdej stronie i pierwszą stronę tabeli do wyświetlenia (numery stron są oparte na zerze). |
enableRtlTable(rtlEnabled) | TableChartBuilder | 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. |
enableSorting(enableSorting) | TableChartBuilder | Określa, czy kolumny mają być sortowane, gdy użytkownik kliknie nagłówek kolumny. |
setDataSourceUrl(url) | TableChartBuilder | 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. |
setDataTable(tableBuilder) | TableChartBuilder | Ustawia tabelę danych, która ma być używana na wykresie, za pomocą obiektu DataTableBuilder. |
setDataTable(table) | TableChartBuilder | Ustawia tabelę danych, która zawiera linie wykresu oraz etykiety osi X. |
setDataViewDefinition(dataViewDefinition) | TableChartBuilder | Określa definicję widoku danych, która ma być używana na wykresie. |
setDimensions(width, height) | TableChartBuilder | Określa wymiary wykresu. |
setFirstRowNumber(number) | TableChartBuilder | Ustawia numer wiersza pierwszego wiersza w tabeli danych. |
setInitialSortingAscending(column) | TableChartBuilder | Ustawia indeks kolumny, według której tabela ma być początkowo posortowana (rosnąco). |
setInitialSortingDescending(column) | TableChartBuilder | Ustawia indeks kolumny, według której tabela powinna być początkowo posortowana (w kolejności malejącej). |
setOption(option, value) | TableChartBuilder | Ustawia zaawansowane opcje tego wykresu. |
showRowNumberColumn(showRowNumber) | TableChartBuilder | Określa, czy numer wiersza ma być wyświetlany jako pierwsza kolumna tabeli. |
useAlternatingRowStyle(alternate) | TableChartBuilder | Określa, czy styl kolorów naprzemiennych jest przypisany do nieparzystych i parzystych wierszy wykresu tabeli. |
Metody
| Metoda | Zwracany typ | Krótki opis |
getColor() | String | Pobiera kolor stylu tekstu. |
getFontName() | String | Pobiera nazwę czcionki stylu tekstu. |
getFontSize() | Number | Pobiera rozmiar czcionki stylu tekstu. |
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.
[null,null,["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"]]