Opcje konfiguracji wykresu

Typy wykresów

Opcje konfiguracji wykresu adnotacji

Nazwa
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
displayRangeSelector

Określa, czy ma być wyświetlany obszar wyboru zakresu powiększenia (obszar na dole wykresu), gdzie false oznacza „nie”.

Kontur w selektorze powiększenia to wersja pierwszej serii na wykresie, przeskalowana tak, aby pasowała do wysokości selektora powiększenia.

Typ: boolean
Wartość domyślna: true
displayZoomButtons

Określa, czy przycisk powiększenia („1d 5d 1m” itd.) ma być widoczny, gdzie false oznacza „nie”.

Typ: boolean
Wartość domyślna: true
maksimum

Maksymalna wartość wyświetlana na osi Y. Jeśli maksymalny punkt danych przekracza tę wartość, ustawienie to jest ignorowane, a wykres jest dostosowywany tak, aby pokazać następny główny znacznik wyboru powyżej punktu maksymalnego. Ma to pierwszeństwo przed maksymalną wartością na osi Y określoną przez scaleType.

Jest ona podobna do danych maxValue na głównych wykresach.

Typ: number
Domyślnie: automatycznie
min

Minimalna wartość wyświetlana na osi Y. Jeśli minimalny punkt danych jest mniejszy niż ta wartość, ustawienie to jest ignorowane, a wykres jest dostosowywany tak, aby pokazać następny główny znacznik wyboru poniżej punktu minimalnego. Ma to pierwszeństwo przed minimalną wartością osi Y określoną przez scaleType.

Jest ona podobna do danych minValue na głównych wykresach.

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wykresu warstwowego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru pod serią wykresu warstwowego, gdzie 0.0 jest w pełni przezroczysta, a 1.0 – całkowicie nieprzezroczysta. Aby określić przezroczystość pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

Typ: number, 0.0- 1.0
Wartość domyślna: 0.3
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

hAxis właściwość, która zmienia oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw jako true, aby potwierdzić.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofywana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
interpolateNulls

Czy odgadnąć wartość brakujących punktów. Jeśli true, odgadnie wartość brakujących danych na podstawie sąsiednich punktów. Jeśli ustawiona jest wartość false, pozostawi ona przerwę w linii w nieznanym punkcie.

Ta opcja nie jest obsługiwana na wykresach warstwowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Wartość domyślna: false
isStacked

Jeśli ma wartość true, elementy wszystkich serii są skumulowane w każdej wartości domeny. Uwaga: na wykresach Kolumnowy, Obszar i SteppedArea wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

Opcja isStacked obsługuje też stos 100%, w którym stosy elementów w każdej wartości domeny są przeskalowane do wartości 100%.

isStacked ma te opcje:

  • false – elementy nie nakładają się na siebie. Jest to opcja domyślna.
  • true – stosuje elementy wszystkich serii w każdej wartości domeny.
  • 'percent' – scala elementy wszystkich serii w każdej wartości domeny i przeskaluje je w taki sposób, że sumują się do 100%, przy czym wartość każdego elementu jest obliczana jako wartość procentowa równa 100%.
  • 'relative' – umieszcza w stos elementy wszystkich serii w każdej wartości domeny i przeskaluje je tak, że sumują się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.

Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 ('relative') oraz 0–100% w przypadku elementu 'percent' (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Dzieje się tak, ponieważ znaczniki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz funkcji isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki/linie siatki za pomocą względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a wartość bazowa musi wynosić 0.

Typ: boolean/string
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem, że z lewą osią nie są powiązane żadne elementy typu series. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i wyświetlić tylko punkty, użyj wartości 0. Wartości poszczególnych serii możesz zastępować za pomocą właściwości series.

Typ: number
Wartość domyślna: 2
pointShape

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Przykłady znajdziesz w dokumentacji punktów .

Typ: string
Wartość domyślna: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, użyj wartości 0. Możesz zastąpić wartości w przypadku poszczególnych serii za pomocą właściwości series.

Typ: number
Wartość domyślna: 0
reverseCategories

Jeśli ustawiona jest wartość true, rysowanie serii od prawej do lewej. Domyślnie rysujesz od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
seriale

Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć domyślnych wartości serii, określ pusty obiekt {}. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt do zastosowania do adnotacji do tej serii. Można w ten sposób kontrolować na przykład element textStyle serii: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Pełną listę opcji, które można dostosować, znajdziesz w sekcji annotations.

  • areaOpacity – zastępuje globalny tag areaOpacity tej serii.
  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • targetAxisIndex – oś, do której przypiszesz serię, gdzie 0 jest domyślną osią, a 1 jest osią przeciwną. Wartość domyślna to 0. Wartość 1 wskazuje wykres, na którym różne serie są renderowane względem różnych osi. Do domyślnej osi należy przypisać co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna być opatrzona legendą, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą parametru vAxes. W tym przykładzie przypisujemy serię 2 do prawej osi i określa niestandardowy tytuł oraz styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna

Opcje konfiguracji wykresu słupkowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ:string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: liczba lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
hAxes

Określa właściwości poszczególnych osi poziomych, jeśli wykres ma wiele osi poziomych. Każdy obiekt podrzędny jest obiektem hAxis i może zawierać wszystkie właściwości obsługiwane przez hAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma poziomymi osiami, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą funkcji hAxes. W tym przykładzie przypisujemy do dolnej osi serii 1 i określa niestandardowy tytuł oraz styl tekstu:

series:{1:{targetAxisIndex:1}}, hAxes:{1:{title:'Losses', textStyle:{color: 'red'}}}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt hAxis pokazany powyżej: 

hAxes: {
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {
      color: 'red'
    }
  } // Axis 1
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

hAxis właściwość, która zmienia oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw jako true, aby potwierdzić.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofywana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
isStacked

Jeśli ma wartość true, elementy wszystkich serii są skumulowane w każdej wartości domeny. Uwaga: na wykresach Kolumnowy, Obszar i SteppedArea wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

Opcja isStacked obsługuje też stos 100%, w którym stosy elementów w każdej wartości domeny są przeskalowane do wartości 100%.

isStacked ma te opcje:

  • false – elementy nie nakładają się na siebie. Jest to opcja domyślna.
  • true – stosuje elementy wszystkich serii w każdej wartości domeny.
  • 'percent' – scala elementy wszystkich serii w każdej wartości domeny i przeskaluje je w taki sposób, że sumują się do 100%, przy czym wartość każdego elementu jest obliczana jako wartość procentowa równa 100%.
  • 'relative' – umieszcza w stos elementy wszystkich serii w każdej wartości domeny i przeskaluje je tak, że sumują się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.

Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 ('relative') oraz 0–100% w przypadku elementu 'percent' (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Dzieje się tak, ponieważ znaczniki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz funkcji isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki/linie siatki za pomocą względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a wartość bazowa musi wynosić 0.

Typ: boolean/string
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawiona jest wartość true, rysowanie serii od prawej do lewej. Domyślnie rysujesz od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
seriale

Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych dla serii, określ pusty obiekt {}. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt do zastosowania do adnotacji do tej serii. Można w ten sposób kontrolować na przykład element textStyle serii: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Pełną listę opcji, które można dostosować, znajdziesz w sekcji annotations.

  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • targetAxisIndex – oś, do której przypiszesz serię, gdzie 0 jest domyślną osią, a 1 jest osią przeciwną. Wartość domyślna to 0. Wartość 1 wskazuje wykres, na którym różne serie są renderowane względem różnych osi. Do domyślnej osi należy przypisać co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna zawierać legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
linie trendu

Wyświetla linie trendu na obsługujących je wykresach. Domyślnie używane są linie trendu linear, ale można je dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla poszczególnych serii, więc większość opcji będzie wyglądać tak: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Wartość domyślna: null
trendlines.n.color

Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy.

Typ: string
Domyślny:domyślny kolor serii.
trendlines.n.degree

W przypadku linii trendu wartości type: 'polynomial' oznacza to stopień wielomianu (2 dla funkcji kwadratowej, 3 – sześciennej itd.).

Typ: number
Wartość domyślna: 3
trendlines.n.labelInLegend

Jeśli jest ustawiony, linia trendu będzie wyświetlać się w legendzie jako ten ciąg znaków.

Typ: string
Wartość domyślna: null
trendlines.n.lineWidth

Szerokość linii linii trendu podana w pikselach.

Typ: number
Wartość domyślna: 2
trendlines.n.type

Określa, czy linie trendu mają wartość 'linear' (domyślnie), 'exponential' czy 'polynomial'.

Typ: string
Wartość domyślna: linear
trendlines.n.visibleInLegend

Określa, czy w legendzie pojawi się równanie linii trendu . Pojawi się ono w etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna

Opcje konfiguracji wykresu bąbelkowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
bańka

Obiekt z elementami służącymi do konfigurowania właściwości wizualnych dymków.

Typ: object
Wartość domyślna: null
bubble.opacity

Przezroczystość dymków, gdzie 0 jest w pełni przezroczysta, a 1 – całkowicie nieprzezroczysta.

Typ: liczba od 0,0 do 1,0.
Wartość domyślna: 0,8
bubble.stroke

Kolor kreski bąbelków.

Typ: string
Wartość domyślna: '#ccc'
bubble.textStyle

Obiekt określający styl tekstu dymka. Obiekt ma taki format:

{color: <string>, fontName: <string>, fontSize: <number>}

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość „%”. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

hAxis właściwość, która zmienia oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw jako true, aby potwierdzić.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofywana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
seriale

Obiekt obiektów, gdzie klucze to nazwy serii (wartości w kolumnie Kolor) i każdy obiekt opisujący format odpowiedniej serii na wykresie. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna zawierać legendę, a false oznacza, że nie powinna. Wartość domyślna to true.
Przykład: 
series: {'Europe': {color: 'green'}}
Typ: obiekt z zagnieżdżonymi obiektami.
Wartość domyślna: {}
sizeAxis

Obiekt z elementami służącymi do konfigurowania sposobu powiązania wartości z rozmiarem dymka. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

 {minValue: 0,  maxSize: 20}
Typ: object
Wartość domyślna: null
sizeAxis.maxSize

Maksymalny promień największego możliwego bąbelka (w pikselach).

Typ: number
Wartość domyślna: 30
sizeAxis.minSize

Minimalny promień najmniejszego możliwego bąbelka (w pikselach).

Typ: number
Wartość domyślna: 5
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą parametru vAxes. W tym przykładzie przypisujemy serię 2 do prawej osi i określa niestandardowy tytuł oraz styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna

Opcje konfiguracji kalendarza

Nazwa
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu zawierającego element

Opcje konfiguracji wykresu świecowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

hAxis właściwość, która zmienia oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw jako true, aby potwierdzić.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofywana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawiona jest wartość true, rysowanie serii od prawej do lewej. Domyślnie rysujesz od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
seriale

Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych dla serii, określ pusty obiekt {}. Jeśli ciąg lub wartość nie zostaną określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • fallingColor.fill – zastępuje globalną wartość candlestick.fallingColor.fill dla tej serii.
  • fallingColor.stroke – zastępuje globalną wartość candlestick.fallingColor.stroke dla tej serii.
  • fallingColor.strokeWidth – zastępuje globalną wartość candlestick.fallingColor.strokeWidth dla tej serii.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • risingColor.fill – zastępuje globalną wartość candlestick.risingColor.fill dla tej serii.
  • risingColor.stroke – zastępuje globalną wartość candlestick.risingColor.stroke dla tej serii.
  • risingColor.strokeWidth – zastępuje globalną wartość candlestick.risingColor.strokeWidth dla tej serii.
  • targetAxisIndex – oś, do której przypiszesz serię, gdzie 0 jest domyślną osią, a 1 jest osią przeciwną. Wartość domyślna to 0. Wartość 1 wskazuje wykres, na którym różne serie są renderowane względem różnych osi. Do domyślnej osi należy przypisać co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna zawierać legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą parametru vAxes. W tym przykładzie przypisujemy serię 2 do prawej osi i określa niestandardowy tytuł oraz styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna

Opcje konfiguracji wykresu kolumnowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

hAxis właściwość, która zmienia oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw jako true, aby potwierdzić.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofywana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
isStacked

Jeśli ma wartość true, elementy wszystkich serii są skumulowane w każdej wartości domeny. Uwaga: na wykresach Kolumnowy, Obszar i SteppedArea wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

Opcja isStacked obsługuje też stos 100%, w którym stosy elementów w każdej wartości domeny są przeskalowane do wartości 100%.

isStacked ma te opcje:

  • false – elementy nie nakładają się na siebie. Jest to opcja domyślna.
  • true – stosuje elementy wszystkich serii w każdej wartości domeny.
  • 'percent' – scala elementy wszystkich serii w każdej wartości domeny i przeskaluje je w taki sposób, że sumują się do 100%, przy czym wartość każdego elementu jest obliczana jako wartość procentowa równa 100%.
  • 'relative' – umieszcza w stos elementy wszystkich serii w każdej wartości domeny i przeskaluje je tak, że sumują się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.

Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 ('relative') oraz 0–100% w przypadku elementu 'percent' (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Dzieje się tak, ponieważ znaczniki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz funkcji isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki/linie siatki za pomocą względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a wartość bazowa musi wynosić 0.

Typ: boolean/string
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawiona jest wartość true, rysowanie serii od prawej do lewej. Domyślnie rysujesz od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
seriale

Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych dla serii, określ pusty obiekt {}. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt do zastosowania do adnotacji do tej serii. Można w ten sposób kontrolować na przykład element textStyle serii: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Pełną listę opcji, które można dostosować, znajdziesz w sekcji annotations.

  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • targetAxisIndex – oś, do której przypiszesz serię, gdzie 0 jest domyślną osią, a 1 jest osią przeciwną. Wartość domyślna to 0. Wartość 1 wskazuje wykres, na którym różne serie są renderowane względem różnych osi. Do domyślnej osi należy przypisać co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
linie trendu

Wyświetla linie trendu na obsługujących je wykresach. Domyślnie używane są linie trendu linear, ale można je dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla poszczególnych serii, więc większość opcji będzie wyglądać tak: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Wartość domyślna: null
trendlines.n.color

Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy.

Typ: string
Domyślny:domyślny kolor serii.
trendlines.n.degree

W przypadku linii trendu wartości type: 'polynomial' oznacza to stopień wielomianu (2 dla funkcji kwadratowej, 3 – sześciennej itd.).

Typ: number
Wartość domyślna: 3
trendlines.n.labelInLegend

Jeśli jest ustawiony, linia trendu będzie wyświetlać się w legendzie jako ten ciąg znaków.

Typ: string
Wartość domyślna: null
trendlines.n.lineWidth

Szerokość linii linii trendu podana w pikselach.

Typ: number
Wartość domyślna: 2
trendlines.n.type

Określa, czy linie trendu mają wartość 'linear' (domyślnie), 'exponential' czy 'polynomial'.

Typ: string
Wartość domyślna: linear
trendlines.n.visibleInLegend

Określa, czy w legendzie pojawi się równanie linii trendu . Pojawi się ono w etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą parametru vAxes. W tym przykładzie przypisujemy serię 2 do prawej osi i określa niestandardowy tytuł oraz styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna

Opcje konfiguracji wykresu mieszanego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru pod serią wykresu warstwowego, gdzie 0.0 jest w pełni przezroczysta, a 1.0 – całkowicie nieprzezroczysta. Aby określić przezroczystość pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

Typ: number, 0.0- 1.0
Wartość domyślna: 0.3
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
curveType

Steruje krzywą linii, gdy szerokość linii nie wynosi zero. Użyj jednego z tych rodzajów wartości:

  • 'none' – proste linie bez krzywej.
  • 'function' – kąty linii zostaną wygładzone.
Typ:string
Wartość domyślna: „brak”.
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

hAxis właściwość, która zmienia oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw jako true, aby potwierdzić.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofywana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
interpolateNulls

Czy odgadnąć wartość brakujących punktów. Jeśli true, odgadnie wartość brakujących danych na podstawie sąsiednich punktów. Jeśli ustawiona jest wartość false, pozostawi ona przerwę w linii w nieznanym punkcie.

Ta opcja nie jest obsługiwana na wykresach warstwowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Wartość domyślna: false
isStacked

Jeśli ma wartość true, elementy wszystkich serii są skumulowane w każdej wartości domeny. Uwaga: na wykresach Kolumnowy, Obszar i SteppedArea wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

Opcja isStacked obsługuje też stos 100%, w którym stosy elementów w każdej wartości domeny są przeskalowane do wartości 100%.

isStacked ma te opcje:

  • false – elementy nie nakładają się na siebie. Jest to opcja domyślna.
  • true – stosuje elementy wszystkich serii w każdej wartości domeny.
  • 'percent' – scala elementy wszystkich serii w każdej wartości domeny i przeskaluje je w taki sposób, że sumują się do 100%, przy czym wartość każdego elementu jest obliczana jako wartość procentowa równa 100%.
  • 'relative' – umieszcza w stos elementy wszystkich serii w każdej wartości domeny i przeskaluje je tak, że sumują się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.

Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 ('relative') oraz 0–100% w przypadku elementu 'percent' (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Dzieje się tak, ponieważ znaczniki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz funkcji isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki/linie siatki za pomocą względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a wartość bazowa musi wynosić 0.

Typ: boolean/string
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i wyświetlić tylko punkty, użyj wartości 0. Wartości poszczególnych serii możesz zastępować za pomocą właściwości series.

Typ: number
Wartość domyślna: 2
pointShape

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Przykłady znajdziesz w dokumentacji punktów .

Typ: string
Wartość domyślna: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, użyj wartości 0. Możesz zastąpić wartości w przypadku poszczególnych serii za pomocą właściwości series. Jeśli używasz linii trendu, opcja pointSize wpłynie na szerokość tej linii, chyba że zastąpisz ją opcją trendlines.n.pointsize.

Typ: number
Wartość domyślna: 0
reverseCategories

Jeśli ustawiona jest wartość true, rysowanie serii od prawej do lewej. Domyślnie rysujesz od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
seriale

Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych serii, podaj pusty obiekt {}. Jeśli seria lub wartość nie zostanie określona, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt do zastosowania do adnotacji do tej serii. Można w ten sposób kontrolować na przykład element textStyle serii: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Pełną listę opcji, które można dostosować, znajdziesz w sekcji annotations.

  • areaOpacity – zastępuje globalny areaOpacity dla tej serii.
  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • curveType – zastępuje globalną wartość curveType dla tej serii.
  • fallingColor.fill – zastępuje globalną wartość candlestick.fallingColor.fill dla tej serii.
  • fallingColor.stroke – zastępuje globalną wartość candlestick.fallingColor.stroke dla tej serii.
  • fallingColor.strokeWidth – zastępuje globalną wartość candlestick.fallingColor.strokeWidth dla tej serii.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • risingColor.fill – zastępuje globalną wartość candlestick.risingColor.fill dla tej serii.
  • risingColor.stroke – zastępuje globalną wartość candlestick.risingColor.stroke dla tej serii.
  • risingColor.strokeWidth – zastępuje globalną wartość candlestick.risingColor.strokeWidth dla tej serii.
  • targetAxisIndex – oś, do której przypiszesz serię, gdzie 0 jest domyślną osią, a 1 jest osią przeciwną. Wartość domyślna to 0. Wartość 1 wskazuje wykres, na którym różne serie są renderowane względem różnych osi. Do domyślnej osi należy przypisać co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • type – typ znacznika dla tej serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że słupki to w rzeczywistości pionowe słupki (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna zawierać legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą parametru vAxes. W tym przykładzie przypisujemy serię 2 do prawej osi i określa niestandardowy tytuł oraz styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna

Opcje konfiguracji wskaźnika

Nazwa
greenColor

Kolor dla zielonej sekcji w zapisie koloru HTML.

Typ: string
Wartość domyślna: '#109618'
greenFrom

Najniższa wartość dla zakresu oznaczonego zielonym kolorem.

Typ: number
Wartość domyślna: brak
greenTo

Najwyższa wartość zakresu oznaczonego zielonym kolorem.

Typ: number
Wartość domyślna: brak
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna:szerokość kontenera.
maksimum

Maksymalna wartość wyświetlana na osi Y. Jeśli maksymalny punkt danych przekracza tę wartość, ustawienie to jest ignorowane, a wykres jest dostosowywany tak, aby pokazać następny główny znacznik wyboru powyżej punktu maksymalnego. Ma to pierwszeństwo przed maksymalną wartością na osi Y określoną przez scaleType.

Jest ona podobna do danych maxValue na głównych wykresach.

Typ: number
Domyślnie: automatycznie
min

Minimalna wartość wyświetlana na osi Y. Jeśli minimalny punkt danych jest mniejszy niż ta wartość, ustawienie to jest ignorowane, a wykres jest dostosowywany tak, aby pokazać następny główny znacznik wyboru poniżej punktu minimalnego. Ma to pierwszeństwo przed minimalną wartością osi Y określoną przez scaleType.

Jest ona podobna do danych minValue na głównych wykresach.

Typ: number
Domyślnie: automatycznie
redColor

Kolor sekcji czerwonej w zapisie koloru HTML.

Typ: string
Wartość domyślna: '#DC3912'
redFrom

Najniższa wartość zakresu oznaczonego kolorem czerwonym.

Typ: number
Wartość domyślna: brak
redTo

Najwyższa wartość zakresu oznaczonego kolorem czerwonym.

Typ: number
Wartość domyślna: brak
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna:szerokość kontenera.
yellowColor

Kolor żółty w zapisie koloru HTML.

Typ: string
Wartość domyślna: '#FF9900'
yellowFrom

Najniższa wartość dla zakresu oznaczonego kolorem żółtym.

Typ: number
Wartość domyślna: brak
yellowTo

Najwyższa wartość zakresu oznaczonego kolorem żółtym.

Typ: number
Wartość domyślna: brak

Opcje konfiguracji wykresu geograficznego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
datalessRegionColor

Kolor do przypisania do regionów bez powiązanych danych.

Typ: string
Wartość domyślna: '#F5F5F5'
defaultColor

Kolor używany dla punktów danych na wykresie geograficznym, gdy lokalizacja (np. 'US') jest obecna, ale wartość to null lub nieokreślona. Różni się od koloru datalessRegionColor, który jest używany w przypadku braku danych.

Typ: string
Wartość domyślna: '#267114'
displayMode

Typ wykresu geograficznego. Format tabeli danych musi pasować do podanej wartości. Obsługiwane są te wartości:

  • 'auto' – wybierz na podstawie formatu tabeli danych.
  • 'regions' – pokoloruj regiony na wykresie geograficznym.
  • 'markers' – umieść znaczniki w regionach.
  • 'text' – oznacz regiony tekstem z DataTable.
Typ: string
Wartość domyślna: „auto”.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
region

Obszar do wyświetlenia na wykresie geograficznym. Wyświetlane są też otoczenie. Dostępne wartości:

  • 'world' – wykres geograficzny całego świata.
  • Kontynent lub subkontynent określony za pomocą 3-cyfrowego kodu, np. '011' dla Afryki Zachodniej.
  • Kraj określony za pomocą kodu ISO 3166-1 alfa-2, np. 'AU' dla Australii.
  • Stan w Stanach Zjednoczonych, określony za pomocą kodu ISO 3166-2:US, np. 'US-AL' dla Alabamy. Pamiętaj, że opcja resolution musi być ustawiona na 'provinces' lub 'metros'.
Typ: string
Wartość domyślna: „world”.
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu zawierającego element

Opcje konfiguracji histogramu

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object/div>
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofywana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
histogram.bucketSize

Zakoduj na stałe rozmiar każdego słupka histogramu, zamiast określać go za pomocą algorytmu.

Typ: number
Wartość domyślna: automatyczna
histogram.hideBucketItems

Pomiń cienkie podziały między blokami histogramu, tworząc serię jednolitych pasków.

Typ: boolean
Wartość domyślna: false
histogram.lastBucketPercentile

Podczas obliczania rozmiaru zasobnika histogramu zignoruj górną i dolną część (lastBucketPercentile) procent. Wartości są nadal uwzględnione na histogramie, ale nie mają wpływu na zasobniki.

Typ: number
Wartość domyślna: 0
interpolateNulls

Czy odgadnąć wartość brakujących punktów. Jeśli true, odgadnie wartość brakujących danych na podstawie sąsiednich punktów. Jeśli ustawiona jest wartość false, pozostawi ona przerwę w linii w nieznanym punkcie.

Ta opcja nie jest obsługiwana na wykresach warstwowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Wartość domyślna: false
isStacked

Jeśli ma wartość true, elementy wszystkich serii są skumulowane w każdej wartości domeny. Uwaga: na wykresach Kolumnowy, Obszar i SteppedArea wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

Opcja isStacked obsługuje też stos 100%, w którym stosy elementów w każdej wartości domeny są przeskalowane do wartości 100%.

isStacked ma te opcje:

  • false – elementy nie nakładają się na siebie. Jest to opcja domyślna.
  • true – stosuje elementy wszystkich serii w każdej wartości domeny.
  • 'percent' – scala elementy wszystkich serii w każdej wartości domeny i przeskaluje je w taki sposób, że sumują się do 100%, przy czym wartość każdego elementu jest obliczana jako wartość procentowa równa 100%.
  • 'relative' – umieszcza w stos elementy wszystkich serii w każdej wartości domeny i przeskaluje je tak, że sumują się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.

Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 ('relative') oraz 0–100% w przypadku elementu 'percent' (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Dzieje się tak, ponieważ znaczniki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz funkcji isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki/linie siatki za pomocą względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a wartość bazowa musi wynosić 0.

Typ: boolean/string
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawiona jest wartość true, rysowanie serii od prawej do lewej. Domyślnie rysujesz od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
seriale

Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych serii, podaj pusty obiekt {}. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • targetAxisIndex – oś, do której przypiszesz serię, gdzie 0 jest domyślną osią, a 1 jest osią przeciwną. Wartość domyślna to 0. Wartość 1 wskazuje wykres, na którym różne serie są renderowane względem różnych osi. Do domyślnej osi należy przypisać co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna zawierać legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą parametru vAxes. W tym przykładzie przypisujemy serię 2 do prawej osi i określa niestandardowy tytuł oraz styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu zawierającego element

Opcje konfiguracji wykresu liniowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
curveType

Steruje krzywą linii, gdy szerokość linii nie wynosi zero. Użyj jednego z tych rodzajów wartości:

  • 'none' – proste linie bez krzywej.
  • 'function' – kąty linii zostaną wygładzone.
Typ: string
Wartość domyślna: „brak”.
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

hAxis właściwość, która zmienia oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw jako true, aby potwierdzić.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ:string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofywana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
interpolateNulls

Czy odgadnąć wartość brakujących punktów. Jeśli true, odgadnie wartość brakujących danych na podstawie sąsiednich punktów. Jeśli ustawiona jest wartość false, pozostawi ona przerwę w linii w nieznanym punkcie.

Ta opcja nie jest obsługiwana na wykresach warstwowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i wyświetlić tylko punkty, użyj wartości 0. Wartości poszczególnych serii możesz zastępować za pomocą właściwości series.

Typ: number
Wartość domyślna: 2
pointShape

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Przykłady znajdziesz w dokumentacji punktów .

Typ: string
Wartość domyślna: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, użyj wartości 0. Możesz zastąpić wartości w przypadku poszczególnych serii za pomocą właściwości series. Jeśli używasz linii trendu, opcja pointSize wpłynie na szerokość tej linii, chyba że zastąpisz ją opcją trendlines.n.pointsize.

Typ: number
Wartość domyślna: 0
reverseCategories

Jeśli ustawiona jest wartość true, rysowanie serii od prawej do lewej. Domyślnie rysujesz od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
seriale

Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych dla serii, określ pusty obiekt {}. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt do zastosowania do adnotacji do tej serii. Można w ten sposób kontrolować na przykład element textStyle serii: 

    series: {
  0: {
    annotations: {
      textStyle: {fontSize: 12, color: 'red' }
    }
  }
}

    Pełną listę opcji, które można dostosować, znajdziesz w sekcji annotations.

  • type – typ znacznika dla tej serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że słupki to w rzeczywistości pionowe słupki (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • curveType – zastępuje globalną wartość curveType dla tej serii.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • targetAxisIndex – oś, do której przypiszesz serię, gdzie 0 jest domyślną osią, a 1 jest osią przeciwną. Wartość domyślna to 0. Wartość 1 wskazuje wykres, na którym różne serie są renderowane względem różnych osi. Do domyślnej osi należy przypisać co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna zawierać legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
linie trendu

Wyświetla linie trendu na obsługujących je wykresach. Domyślnie używane są linie trendu linear, ale można je dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla poszczególnych serii, więc większość opcji będzie wyglądać tak: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Wartość domyślna: null
trendlines.n.color

Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy.

Typ: string
Domyślny:domyślny kolor serii.
trendlines.n.degree

W przypadku linii trendu wartości type: 'polynomial' oznacza to stopień wielomianu (2 dla funkcji kwadratowej, 3 – sześciennej itd.).

Typ: number
Wartość domyślna: 3
trendlines.n.labelInLegend

Jeśli jest ustawiony, linia trendu będzie wyświetlać się w legendzie jako ten ciąg znaków.

Typ: string
Wartość domyślna: null
trendlines.n.lineWidth

Szerokość linii linii trendu w pikselach.

Typ: number
Wartość domyślna: 2
trendlines.n.type

Określa, czy linie trendu mają wartość 'linear' (domyślnie), 'exponential' czy 'polynomial'.

Typ: string
Wartość domyślna: linear
trendlines.n.visibleInLegend

Określa, czy w legendzie pojawi się równanie linii trendu . Pojawi się ono w etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą parametru vAxes. W tym przykładzie przypisujemy serię 2 do prawej osi i określa niestandardowy tytuł oraz styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna

Opcje konfiguracji wykresu organizacyjnego

Nazwa
kolor

Kolor tła elementów wykresu organizacyjnego.

Typ: string
Wartość domyślna: '#edf7ff'
selectionColor

Kolor tła wybranych elementów wykresu organizacyjnego.

Typ: string
Wartość domyślna: '#d6e9f8'
rozmiar

Całkowity rozmiar wykresu. Dostępne opcje to 'small', 'medium' lub 'large'.

Typ: string
Wartość domyślna: 'medium'

Opcje konfiguracji wykresu kołowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
is3D

Jeśli true, wyświetla trójwymiarowy wykres.

Typ: boolean
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Jeśli mieści się w zakresie od 0 do 1, wyświetla wykres pierścieniowy. Promień otworu jest równy number promieniu wykresu.

Typ: number
Wartość domyślna: 0
pieSliceBorderColor

Kolor obramowania wycinka. Ma zastosowanie tylko wtedy, gdy wykres jest dwuwymiarowy.

Typ: string
Wartość domyślna: 'white'
pieSliceText

Treść tekstu wyświetlana na wycinku. Użyj jednego z tych rodzajów wartości:

  • 'percentage' – procent wielkości wycinka w łącznej wartości.
  • 'value' – wartość ilościowa wycinka.
  • 'label' – nazwa wycinka.
  • 'none' – tekst nie jest wyświetlany.
Typ: string
Wartość domyślna: 'percentage'
pieSliceTextStyle

Obiekt określający styl tekstu wycinka. Obiekt ma taki format:

{color: <string>, fontName: <string>, fontSize: <number>}

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawiona jest wartość true, rysowanie serii od prawej do lewej. Domyślnie rysujesz od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
slices.color

Kolor, który zostanie użyty dla tego wycinka.

Typ: string
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Opcje konfiguracji wykresu punktowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ:string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
curveType

Steruje krzywą linii, gdy szerokość linii nie wynosi zero. Użyj jednego z tych rodzajów wartości:

  • 'none' – proste linie bez krzywej.
  • 'function' – kąty linii zostaną wygładzone.
Typ:string
Wartość domyślna: „brak”.
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

hAxis właściwość, która zmienia oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw jako true, aby potwierdzić.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofywana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top'– nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i wyświetlić tylko punkty, użyj wartości 0. Wartości poszczególnych serii możesz zastępować za pomocą właściwości series.

Typ: number
Wartość domyślna: 2
pointShape

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Przykłady znajdziesz w dokumentacji punktów .

Typ: string
Wartość domyślna: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, użyj wartości 0. Możesz zastąpić wartości w przypadku poszczególnych serii za pomocą właściwości series. Jeśli używasz linii trendu, opcja pointSize wpłynie na szerokość tej linii, chyba że zastąpisz ją opcją trendlines.n.pointsize.

Typ: number
Wartość domyślna: 0
seriale

Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych serii, podaj pusty obiekt {}. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna zawierać legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dany ciąg. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
linie trendu

Wyświetla linie trendu na obsługujących je wykresach. Domyślnie używane są linie trendu linear, ale można je dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla poszczególnych serii, więc większość opcji będzie wyglądać tak: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Wartość domyślna: null
trendlines.n.color

Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy.

Typ: string
Domyślny:domyślny kolor serii.
trendlines.n.degree

W przypadku linii trendu wartości type: 'polynomial' oznacza to stopień wielomianu (2 dla funkcji kwadratowej, 3 – sześciennej itd.).

Typ: number
Wartość domyślna: 3
trendlines.n.labelInLegend

Jeśli jest ustawiony, linia trendu będzie wyświetlać się w legendzie jako ten ciąg znaków.

Typ: string
Wartość domyślna: null
trendlines.n.lineWidth

Szerokość linii linii trendu w pikselach.

Typ: number
Wartość domyślna: 2
trendlines.n.type

Określa, czy linie trendu mają wartość 'linear' (domyślnie), 'exponential' czy 'polynomial'.

Typ: string
Wartość domyślna: linear
trendlines.n.visibleInLegend

Określa, czy w legendzie pojawi się równanie linii trendu . Pojawi się ono w etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą parametru vAxes. W tym przykładzie przypisujemy serię 2 do prawej osi i określa niestandardowy tytuł oraz styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna

Opcje konfiguracji wykresu warstwowego krokowego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru pod serią wykresu warstwowego, gdzie 0.0 jest w pełni przezroczysta, a 1.0 – całkowicie nieprzezroczysta. Aby określić przezroczystość pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

Typ: number, 0.0- 1.0
Wartość domyślna: 0.3
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli ta opcja zostanie podana, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i kolor stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.left

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.top

Sposób, w jaki można narysować wykres od górnej krawędzi.

Typ: number lub string
Wartość domyślna: automatyczna
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Wartość domyślna: automatyczna
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
hAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis właściwość, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania na osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
hAxis.viewWindow.min

Minimalna pozioma wartość danych do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Wartość domyślna: automatyczna
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
isStacked

Jeśli ma wartość true, elementy wszystkich serii są skumulowane w każdej wartości domeny. Uwaga: na wykresach Kolumnowy, Obszar i SteppedArea wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

Opcja isStacked obsługuje też stos 100%, w którym stosy elementów w każdej wartości domeny są przeskalowane do wartości 100%.

isStacked ma te opcje:

  • false – elementy nie nakładają się na siebie. Jest to opcja domyślna.
  • true – stosuje elementy wszystkich serii w każdej wartości domeny.
  • 'percent' – scala elementy wszystkich serii w każdej wartości domeny i przeskaluje je w taki sposób, że sumują się do 100%, przy czym wartość każdego elementu jest obliczana jako wartość procentowa równa 100%.
  • 'relative' – umieszcza w stos elementy wszystkich serii w każdej wartości domeny i przeskaluje je tak, że sumują się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.

Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 ('relative') oraz 0–100% w przypadku elementu 'percent' (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Dzieje się tak, ponieważ znaczniki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz funkcji isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki/linie siatki za pomocą względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a wartość bazowa musi wynosić 0.

Typ: boolean/ string
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Położenie legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – z lewej strony wykresu, o ile z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – na prawo od wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawiona jest wartość true, rysowanie serii od prawej do lewej. Domyślnie rysujesz od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
seriale

Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych dla serii, określ pusty obiekt {}. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • areaOpacity – zastępuje globalny tag areaOpacity tej serii.
  • color – kolor używany przez tę serię. Określ prawidłowy ciąg znaków HTML koloru.
  • type – typ znacznika dla tej serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że słupki to w rzeczywistości pionowe słupki (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • targetAxisIndex – oś, do której przypiszesz serię, gdzie 0 jest domyślną osią, a 1 jest osią przeciwną. Wartość domyślna to 0. Wartość 1 wskazuje wykres, na którym różne serie są renderowane względem różnych osi. Do domyślnej osi należy przypisać co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna zawierać legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo wskazać obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii ma zastosowanie.Na przykład dwie kolejne deklaracje są identyczne, a pierwsza seria jest czarna, której nie ma w legendzie, a czwarta jako czerwona i nieobecna w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości series.targetAxisIndex, a następnie skonfiguruj oś za pomocą parametru vAxes. W tym przykładzie przypisujemy serię 2 do prawej osi i określa niestandardowy tytuł oraz styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
vAxis

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu gridlines.count, będzie ona używana do obliczania wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa zmienia skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatycznie
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów linii siatki i kolorów tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania na osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładne) lub „maximized” (zmaksymalizowane).

Typ: number
Wartość domyślna: automatyczna
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu zawierającego element

Opcje konfiguracji wykresu tabelarycznego

Nazwa
alternatingRowStyle

Określa, czy zmienny styl kolorów zostanie przypisany do wierszy nieparzystych i parzystych.

Typ: boolean
Wartość domyślna: true
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
strona

Czy i jak włączyć stronicowanie danych? Wybierz jedną z tych wartości ustawienia string:

  • 'enable': tabela będzie zawierać przyciski przechodzenia do przodu i do tyłu. Kliknięcie tych przycisków spowoduje uruchomienie podziału na strony i zmianę wyświetlanej strony. Możesz też ustawić opcję pageSize.
  • 'event' – tabela będzie zawierać przyciski przechodzenia do przodu i do tyłu, ale ich kliknięcie spowoduje wywołanie zdarzenia 'page' i nie zmieni wyświetlanej strony. Tej opcji należy używać, gdy kod implementuje własną logikę przewracania stron. Przykład ręcznej obsługi zdarzeń stronicowania znajdziesz w przykładzie TableQueryWrapper.
  • 'disable' – [wartość domyślna], strony nie są obsługiwane.
    • Typ: string
    Wartość domyślna: 'disable'
pageSize

Liczba wierszy na każdej stronie, gdy stronicowanie jest włączone za pomocą opcji strony.

Typ: number
Wartość domyślna: 10
showRowNumber

Jeśli ma wartość true, pokazuje numer wiersza w pierwszej kolumnie tabeli.

Typ: boolean
Wartość domyślna: false
sortuj

czy i jak sortować kolumny, gdy użytkownik kliknie nagłówek kolumny. Jeśli sortowanie jest włączone, możesz też ustawić właściwości sortAscending i sortColumn. Wybierz jedną z tych wartości string:

  • 'enable' – [wartość domyślna] użytkownicy mogą klikać nagłówki kolumn, aby posortować dane według klikniętej kolumny. Gdy użytkownik kliknie nagłówek kolumny, wiersze zostaną automatycznie posortowane i wywołane jest zdarzenie 'sort'.
  • 'event' – gdy użytkownik kliknie nagłówek kolumny, wywoływane jest zdarzenie 'sort', ale wiersze nie są automatycznie sortowane. Tej opcji należy używać, gdy strona ma własne sortowanie. Przykład ręcznego obsługi zdarzeń sortowania znajdziesz w przykładzie TableQueryWrapper.
  • 'disable'– Kliknięcie nagłówka kolumny nie przynosi efektu.
Typ: string
Wartość domyślna: 'enable'
sortAscending

Kolejność, według której sortowana jest początkowa kolumna sortowania. True – rosnąco, false – malejąco. Ignorowana, jeśli nie określono sortColumn.

Typ: boolean
Wartość domyślna: true
sortColumn

Indeks kolumny w tabeli danych, według której tabela jest początkowo sortowana. Kolumna jest oznaczona małą strzałką wskazującą kolejność sortowania.

Typ: number
Wartość domyślna: -1
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu zawierającego element

Opcje konfiguracji osi czasu

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
kolory

Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu zawierającego element

Opcje konfiguracji mapy drzewa

Nazwa
headerColor

Kolor sekcji nagłówka dla każdego węzła. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #988f86
maxColor

Kolor prostokąta, w którym wartość w kolumnie 3 to maxColorValue. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #00dd00
maxDepth

Maksymalna liczba poziomów węzłów wyświetlanych w bieżącym widoku. Poziomy są rozkładane na bieżącej płaszczyźnie. Jeśli Twoje drzewo ma więcej poziomów, musisz przejść w górę lub w dół, aby je zobaczyć. Poniżej możesz też zobaczyć poziom maxPostDepth w postaci zacienionych prostokątów w tych węzłach.

Typ: number
Wartość domyślna: 1
maxPostDepth

Liczba poziomów węzłów poza maxDepth, które mają być wyświetlane w sposób sugerujący. Węzły o wskazaniu są wyświetlane jako zacienione prostokąty w węźle, który nie przekracza limitu maxDepth.

Typ: number
Wartość domyślna: 0
midColor

Kolor prostokąta z wartością kolumny 3 w połowie zakresu od maxColorValue do minColorValue. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #000000
minColor

Kolor prostokąta z wartością minColorValue w kolumnie 3. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #dd0000
noColor

Kolor prostokąta, gdy węzeł nie ma wartości w kolumnie 3, a ten węzeł jest liściem (lub zawiera tylko liście). Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #000000
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: bez tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Obiekt określający styl tekstu tytułu. Kolor może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zwróć też uwagę na parametr fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: bez tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}