Opcje konfiguracji wykresu

Typy wykresów

Opcje konfiguracji wykresu adnotacji

Nazwa
kolory

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

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

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

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

Typ: boolean
Domyślnie: true
displayZoomButtons

Określa, czy wyświetlać przyciski powiększania i pomniejszania („1d 5d 1m” itp.), gdzie false oznacza „nie”.

Typ: boolean
Domyślnie: true
maksimum

Maksymalna wartość do wyświetlenia na osi Y. Jeśli maksymalny punkt danych przekracza tę wartość, to ustawienie jest ignorowane, a wykres jest dostosowywany tak, aby wyświetlać następną główną podziałkę powyżej maksymalnego punktu danych. Ma to pierwszeństwo przed maksymalną wartością osi Y określoną przez parametr scaleType.

Jest to podobne do elementu maxValue na wykresach podstawowych.

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

Minimalna wartość do wyświetlenia na osi Y. Jeśli minimalny punkt danych jest mniejszy od tej wartości, to ustawienie jest ignorowane, a wykres jest dostosowywany tak, aby wyświetlać następną główną podziałkę poniżej minimalnego punktu danych. Ma to pierwszeństwo przed minimalną wartością osi Y określoną przez scaleType.

Jest to podobne do elementu minValue na wykresach podstawowych.

Typ: number
Wartość domyślna: automatyczna

Opcje konfiguracji wykresu warstwowego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru pod serią wykresu obszarowego, gdzie 0.0 oznacza pełną przezroczystość, a 1.0 – pełną nieprzezroczystość. Aby określić krycie poszczególnych serii, ustaw wartość areaOpacity we właściwości series.

Typ: number, 0.0- 1.0
Domyślnie: 0.3
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

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

Typ: 1 lub -1
Domyślnie: 1
hAxis.gridlines

Obiekt z właściwościami 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
hAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
hAxis.logScale

hAxis, która sprawia, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, jeśli chcesz, aby odpowiedź była twierdząca.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przesuwa maksymalną wartość osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w prawo. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

Typ: object
Domyślnie: null
hAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie wartości 0. Liczba mniejszych linii siatki zależy teraz całkowicie od odstępu między większymi liniami siatki (patrz hAxis.gridlines.interval) i minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przesuwa wartość minimalną osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w lewo. Ignorowane, jeśli wartość jest większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
interpolateNulls

Określa, czy należy zgadywać wartość brakujących punktów. Jeśli true, funkcja spróbuje odgadnąć wartość brakujących danych na podstawie sąsiednich punktów. Jeśli false, w nieznanym miejscu w wierszu pojawi się przerwa.

Ta opcja nie jest obsługiwana w przypadku wykresów obszarowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Domyślnie: false
isStacked

Jeśli ta opcja jest ustawiona na true, elementy wszystkich serii są układane w stosy przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej odpowiadała ona ułożeniu elementów serii (np. seria 0 będzie elementem legendy znajdującym się na samym dole). Ten punkt nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100-procentowe układanie w stos, w którym stosy elementów przy każdej wartości domeny są przeskalowywane tak, aby sumowały się do 100%.

Dostępne opcje dla isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – układa elementy wszystkich serii w stos dla każdej wartości domeny.
  • 'percent' – układa w stos elementy wszystkich serii dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 100%, a wartość każdego elementu była obliczana jako procent ze 100%.
  • 'relative' – układa elementy wszystkich serii w stosy dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 1, a wartość każdego elementu była obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku 100-procentowego układania w stos wartość obliczona dla każdego elementu pojawi się w dymku po jego rzeczywistej wartości.

Oś docelowa będzie domyślnie zawierać wartości podziałki oparte na względnej skali 0–1 jako ułamki liczby 1 w przypadku 'relative' i 0–100% w przypadku 'percent'.Uwaga: gdy używasz opcji 'percent', wartości osi i podziałki są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względnej skali 0–1. Wynika to z faktu, że podziałka osi procentowej jest wynikiem zastosowania formatu „#.##%” do względnych wartości w skali 0–1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki i linie siatki za pomocą względnych wartości skali 0–1). Możesz dostosować linie siatki, wartości podziałek i formatowanie, korzystając z odpowiednich opcji hAxis/vAxis.

100% skumulowanie obsługuje tylko wartości danych typu number i musi mieć wartość bazową równą zero.

Typ: boolean/string
Domyślnie: false
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanego z nią elementu series. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Użyj zera, aby ukryć wszystkie linie i wyświetlić tylko punkty. Możesz zastąpić wartości poszczególnych serii za pomocą właściwości series.

Typ: number
Domyślnie: 2
pointShape

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

Typ: string
Domyślnie: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Użyj zera, aby ukryć wszystkie punkty. Wartości poszczególnych serii możesz zastąpić za pomocą właściwości series.

Typ: number
Domyślnie: 0
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Możesz go użyć na przykład do sterowania textStyle w przypadku serii: 

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

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

  • areaOpacity – zastępuje globalny parametr areaOpacity w przypadku tej serii.
  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się pojawić w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle w przypadku tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth w tej serii.
  • pointShape – zastępuje globalną wartość pointShape w przypadku tej serii.
  • pointSize – zastępuje globalną wartość pointSize w tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible w przypadku tej serii.
  • targetAxisIndex – oś, do której ma być przypisana ta seria, gdzie 0 to oś domyślna, a 1 to oś przeciwna. Wartość domyślna to 0. Ustaw wartość 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi być przypisana co najmniej 1 seria. Możesz zdefiniować różne skale dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, lub obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii się odnosi. Na przykład te 2 deklaracje są identyczne i określają 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
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu vAxes. W poniższym przykładzie seria 2 jest przypisana do prawej osi, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto

Opcje konfiguracji wykresu słupkowego

Nazwa
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ:string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

Typ: numer lub string
Wartość domyślna: auto
kolory

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

Typ: tablica ciągów znaków
Domyślnie: 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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami poziomymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu hAxes. W tym przykładzie seria 1 jest przypisana do osi dolnej, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem hAxis pokazanym powyżej: 

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

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

Typ: 1 lub -1
Domyślnie: 1
hAxis.gridlines

Obiekt z właściwościami 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
hAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
hAxis.logScale

hAxis, która sprawia, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, jeśli chcesz, aby odpowiedź była twierdząca.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przesuwa maksymalną wartość osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w prawo. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

Typ: object
Domyślnie: null
hAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie wartości 0. Liczba mniejszych linii siatki zależy teraz całkowicie od odstępu między większymi liniami siatki (patrz hAxis.gridlines.interval) i minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przesuwa wartość minimalną osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w lewo. Ignorowane, jeśli wartość jest większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
isStacked

Jeśli ta opcja jest ustawiona na true, elementy wszystkich serii są układane w stosy przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej odpowiadała ona ułożeniu elementów serii (np. seria 0 będzie elementem legendy znajdującym się na samym dole). Ten punkt nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100-procentowe układanie w stos, w którym stosy elementów przy każdej wartości domeny są przeskalowywane tak, aby sumowały się do 100%.

Dostępne opcje dla isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – układa elementy wszystkich serii w stos dla każdej wartości domeny.
  • 'percent' – układa w stos elementy wszystkich serii dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 100%, a wartość każdego elementu była obliczana jako procent ze 100%.
  • 'relative' – układa elementy wszystkich serii w stosy dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 1, a wartość każdego elementu była obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku 100-procentowego układania w stos wartość obliczona dla każdego elementu pojawi się w dymku po jego rzeczywistej wartości.

Oś docelowa będzie domyślnie zawierać wartości podziałki oparte na względnej skali 0–1 jako ułamki liczby 1 w przypadku 'relative' i 0–100% w przypadku 'percent'.Uwaga: gdy używasz opcji 'percent', wartości osi i podziałki są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względnej skali 0–1. Wynika to z faktu, że podziałka osi procentowej jest wynikiem zastosowania formatu „#.##%” do względnych wartości w skali 0–1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki i linie siatki za pomocą względnych wartości skali 0–1). Możesz dostosować linie siatki, wartości podziałek i formatowanie, korzystając z odpowiednich opcji hAxis/vAxis.

100% skumulowanie obsługuje tylko wartości danych typu number i musi mieć wartość bazową równą zero.

Typ: boolean/string
Domyślnie: false
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Możesz go użyć na przykład do sterowania textStyle w przypadku serii: 

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

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

  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się pojawić w legendzie wykresu.
  • targetAxisIndex – oś, do której ma być przypisana ta seria, gdzie 0 to oś domyślna, a 1 to oś przeciwna. Wartość domyślna to 0. Ustaw wartość 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi być przypisana co najmniej 1 seria. Możesz zdefiniować różne skale dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, lub obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii się odnosi. Na przykład te 2 deklaracje są identyczne i określają 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
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
linie trendu,

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

Linie trendu są określane dla poszczególnych serii, więc w większości przypadków opcje będą wyglądać tak: 

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

Kolor linii trendu , wyrażony jako nazwa koloru w języku angielskim lub ciąg szesnastkowy.

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

W przypadku linii trendu type: 'polynomial' stopień wielomianu (2 w przypadku wielomianu kwadratowego, 3 w przypadku wielomianu sześciennego itd.).

Typ: number
Domyślnie: 3
trendlines.n.labelInLegend

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

Typ: string
Domyślnie: null
trendlines.n.lineWidth

Szerokość linii linii trendu w pikselach.

Typ: number
Domyślnie: 2
trendlines.n.type

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

Typ: string
Domyślnie: linear
trendlines.n.visibleInLegend

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

Typ: boolean
Domyślnie: false
useFirstColumnAsDomain

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

Typ: boolean
vAxis

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto

Opcje konfiguracji wykresu bąbelkowego

Nazwa
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
dymek

Obiekt z elementami do skonfigurowania właściwości wizualnych dymków.

Typ: object
Domyślnie: null
bubble.opacity

Nieprzezroczystość bąbelków, gdzie 0 oznacza pełną przezroczystość, a 1 – pełną nieprzezroczystość.

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

Kolor obrysu dymków.

Typ: string
Domyślnie: '#ccc'
bubble.textStyle

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

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

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

Typ: 1 lub -1
Domyślnie: 1
hAxis.gridlines

Obiekt z właściwościami 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
hAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
hAxis.logScale

hAxis, która sprawia, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, jeśli chcesz, aby odpowiedź była twierdząca.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przesuwa maksymalną wartość osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w prawo. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

Typ: object
Domyślnie: null
hAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie wartości 0. Liczba mniejszych linii siatki zależy teraz całkowicie od odstępu między większymi liniami siatki (patrz hAxis.gridlines.interval) i minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przesuwa wartość minimalną osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w lewo. Ignorowane, jeśli wartość jest większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
seria

Obiekt obiektów, w którym klucze to nazwy serii (wartości w kolumnie Kolor), a każdy obiekt opisuje format odpowiedniej serii na wykresie. Jeśli nie podasz serii ani wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false oznacza, że nie powinna. Wartość domyślna to true.
Przykład: 
series: {'Europe': {color: 'green'}}
Typ: obiekt z zagnieżdżonymi obiektami
Domyślnie: {}
sizeAxis

Obiekt z elementami do skonfigurowania sposobu powiązania wartości z rozmiarem bąbelka. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

 {minValue: 0,  maxSize: 20}
Typ: object
Domyślnie: null
sizeAxis.maxSize

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

Typ: number
Domyślnie: 30
sizeAxis.minSize

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

Typ: number
Domyślnie: 5
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu vAxes. W poniższym przykładzie seria 2 jest przypisana do prawej osi, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto

Opcje konfiguracji kalendarza

Nazwa
wysokość

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość elementu zawierającego

Opcje konfiguracji wykresu świecowego

Nazwa
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

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

Typ: 1 lub -1
Domyślnie: 1
hAxis.gridlines

Obiekt z właściwościami 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
hAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
hAxis.logScale

hAxis, która sprawia, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, jeśli chcesz, aby odpowiedź była twierdząca.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przesuwa maksymalną wartość osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w prawo. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

Typ: object
Domyślnie: null
hAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie wartości 0. Liczba mniejszych linii siatki zależy teraz całkowicie od odstępu między większymi liniami siatki (patrz hAxis.gridlines.interval) i minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przesuwa wartość minimalną osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w lewo. Ignorowane, jeśli wartość jest większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

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

Typ: boolean
Domyślnie: false
seria

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

  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • fallingColor.fill – zastępuje globalną wartość candlestick.fallingColor.fill w przypadku tej serii.
  • fallingColor.stroke – zastępuje globalną wartość candlestick.fallingColor.stroke w przypadku tej serii.
  • fallingColor.strokeWidth – zastępuje globalną wartość candlestick.fallingColor.strokeWidth w przypadku tej serii.
  • labelInLegend – opis serii, który ma się pojawić w legendzie wykresu.
  • risingColor.fill – zastępuje globalną wartość candlestick.risingColor.fill w przypadku tej serii.
  • risingColor.stroke – zastępuje globalną wartość candlestick.risingColor.stroke w przypadku tej serii.
  • risingColor.strokeWidth – zastępuje globalną wartość candlestick.risingColor.strokeWidth w przypadku tej serii.
  • targetAxisIndex – oś, do której ma być przypisana ta seria, gdzie 0 to oś domyślna, a 1 to oś przeciwna. Wartość domyślna to 0. Ustaw wartość 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi być przypisana co najmniej 1 seria. Możesz zdefiniować różne skale dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, lub obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii się odnosi. Na przykład te 2 deklaracje są identyczne i określają 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
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu vAxes. W poniższym przykładzie seria 2 jest przypisana do prawej osi, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto

Opcje konfiguracji wykresu kolumnowego

Nazwa
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: stringlub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

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

Typ: 1 lub -1
Domyślnie: 1
hAxis.gridlines

Obiekt z właściwościami 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
hAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
hAxis.logScale

hAxis, która sprawia, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, jeśli chcesz, aby odpowiedź była twierdząca.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przesuwa maksymalną wartość osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w prawo. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

Typ: object
Domyślnie: null
hAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie wartości 0. Liczba mniejszych linii siatki zależy teraz całkowicie od odstępu między większymi liniami siatki (patrz hAxis.gridlines.interval) i minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przesuwa wartość minimalną osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w lewo. Ignorowane, jeśli wartość jest większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
isStacked

Jeśli ta opcja jest ustawiona na true, elementy wszystkich serii są układane w stosy przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej odpowiadała ona ułożeniu elementów serii (np. seria 0 będzie elementem legendy znajdującym się na samym dole). Ten punkt nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100-procentowe układanie w stos, w którym stosy elementów przy każdej wartości domeny są przeskalowywane tak, aby sumowały się do 100%.

Dostępne opcje dla isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – układa elementy wszystkich serii w stos dla każdej wartości domeny.
  • 'percent' – układa w stos elementy wszystkich serii dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 100%, a wartość każdego elementu była obliczana jako procent ze 100%.
  • 'relative' – układa elementy wszystkich serii w stosy dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 1, a wartość każdego elementu była obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku 100-procentowego układania w stos wartość obliczona dla każdego elementu pojawi się w dymku po jego rzeczywistej wartości.

Oś docelowa będzie domyślnie zawierać wartości podziałki oparte na względnej skali 0–1 jako ułamki liczby 1 w przypadku 'relative' i 0–100% w przypadku 'percent'.Uwaga: gdy używasz opcji 'percent', wartości osi i podziałki są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względnej skali 0–1. Wynika to z faktu, że podziałka osi procentowej jest wynikiem zastosowania formatu „#.##%” do względnych wartości w skali 0–1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki i linie siatki za pomocą względnych wartości skali 0–1). Możesz dostosować linie siatki, wartości podziałek i formatowanie, korzystając z odpowiednich opcji hAxis/vAxis.

100% skumulowanie obsługuje tylko wartości danych typu number i musi mieć wartość bazową równą zero.

Typ: boolean/string
Domyślnie: false
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Możesz go użyć na przykład do sterowania textStyle w przypadku serii: 

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

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

  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się pojawić w legendzie wykresu.
  • targetAxisIndex – oś, do której ma być przypisana ta seria, gdzie 0 to oś domyślna, a 1 to oś przeciwna. Wartość domyślna to 0. Ustaw wartość 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi być przypisana co najmniej 1 seria. Możesz zdefiniować różne skale dla różnych osi.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, lub obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii się odnosi. Na przykład te 2 deklaracje są identyczne i określają 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
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
linie trendu,

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

Linie trendu są określane dla poszczególnych serii, więc w większości przypadków opcje będą wyglądać tak: 

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

Kolor linii trendu , wyrażony jako nazwa koloru w języku angielskim lub ciąg szesnastkowy.

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

W przypadku linii trendu type: 'polynomial' stopień wielomianu (2 w przypadku wielomianu kwadratowego, 3 w przypadku wielomianu sześciennego itd.).

Typ: number
Domyślnie: 3
trendlines.n.labelInLegend

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

Typ: string
Domyślnie: null
trendlines.n.lineWidth

Szerokość linii linii trendu w pikselach.

Typ: number
Domyślnie: 2
trendlines.n.type

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

Typ: string
Domyślnie: linear
trendlines.n.visibleInLegend

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

Typ: boolean
Domyślnie: 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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu vAxes. W poniższym przykładzie seria 2 jest przypisana do prawej osi, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto

Opcje konfiguracji wykresu kombi

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru pod serią wykresu obszarowego, gdzie 0.0 oznacza pełną przezroczystość, a 1.0 – pełną nieprzezroczystość. Aby określić krycie poszczególnych serii, ustaw wartość areaOpacity we właściwości series.

Typ: number, 0.0- 1.0
Domyślnie: 0.3
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

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

Określa krzywiznę linii, gdy szerokość linii jest różna od zera. Użyj jednego z tych rodzajów wartości:

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

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

Typ: 1 lub -1
Domyślnie: 1
hAxis.gridlines

Obiekt z właściwościami 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
hAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
hAxis.logScale

hAxis, która sprawia, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, jeśli chcesz, aby odpowiedź była twierdząca.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przesuwa maksymalną wartość osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w prawo. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

Typ: object
Domyślnie: null
hAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie wartości 0. Liczba mniejszych linii siatki zależy teraz całkowicie od odstępu między większymi liniami siatki (patrz hAxis.gridlines.interval) i minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przesuwa wartość minimalną osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w lewo. Ignorowane, jeśli wartość jest większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
interpolateNulls

Określa, czy należy zgadywać wartość brakujących punktów. Jeśli true, funkcja spróbuje odgadnąć wartość brakujących danych na podstawie sąsiednich punktów. Jeśli false, w nieznanym miejscu w wierszu pojawi się przerwa.

Ta opcja nie jest obsługiwana w przypadku wykresów obszarowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Domyślnie: false
isStacked

Jeśli ta opcja jest ustawiona na true, elementy wszystkich serii są układane w stosy przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej odpowiadała ona ułożeniu elementów serii (np. seria 0 będzie elementem legendy znajdującym się na samym dole). Ten punkt nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100-procentowe układanie w stos, w którym stosy elementów przy każdej wartości domeny są przeskalowywane tak, aby sumowały się do 100%.

Dostępne opcje dla isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – układa elementy wszystkich serii w stos dla każdej wartości domeny.
  • 'percent' – układa w stos elementy wszystkich serii dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 100%, a wartość każdego elementu była obliczana jako procent ze 100%.
  • 'relative' – układa elementy wszystkich serii w stosy dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 1, a wartość każdego elementu była obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku 100-procentowego układania w stos wartość obliczona dla każdego elementu pojawi się w dymku po jego rzeczywistej wartości.

Oś docelowa będzie domyślnie zawierać wartości podziałki oparte na względnej skali 0–1 jako ułamki liczby 1 w przypadku 'relative' i 0–100% w przypadku 'percent'.Uwaga: gdy używasz opcji 'percent', wartości osi i podziałki są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względnej skali 0–1. Wynika to z faktu, że podziałka osi procentowej jest wynikiem zastosowania formatu „#.##%” do względnych wartości w skali 0–1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki i linie siatki za pomocą względnych wartości skali 0–1). Możesz dostosować linie siatki, wartości podziałek i formatowanie, korzystając z odpowiednich opcji hAxis/vAxis.

100% skumulowanie obsługuje tylko wartości danych typu number i musi mieć wartość bazową równą zero.

Typ: boolean/string
Domyślnie: false
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Użyj zera, aby ukryć wszystkie linie i wyświetlić tylko punkty. Możesz zastąpić wartości poszczególnych serii za pomocą właściwości series.

Typ: number
Domyślnie: 2
pointShape

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

Typ: string
Domyślnie: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Użyj zera, aby ukryć wszystkie punkty. Wartości poszczególnych serii możesz zastąpić za pomocą właściwości series. Jeśli używasz linii trendu, opcja pointSize wpłynie na jej szerokość, chyba że zastąpisz ją opcją trendlines.n.pointsize.

Typ: number
Domyślnie: 0
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Możesz go użyć na przykład do sterowania textStyle w przypadku serii: 

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

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

  • areaOpacity – zastępuje globalny parametr areaOpacity w przypadku tej serii.
  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • curveType – zastępuje globalną wartość curveType w tej serii.
  • fallingColor.fill – zastępuje globalną wartość candlestick.fallingColor.fill w przypadku tej serii.
  • fallingColor.stroke – zastępuje globalną wartość candlestick.fallingColor.stroke w przypadku tej serii.
  • fallingColor.strokeWidth – zastępuje globalną wartość candlestick.fallingColor.strokeWidth w przypadku tej serii.
  • labelInLegend – opis serii, który ma się pojawić w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle w przypadku tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth w tej serii.
  • pointShape – zastępuje globalną wartość pointShape w przypadku tej serii.
  • pointSize – zastępuje globalną wartość pointSize w tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible w przypadku tej serii.
  • risingColor.fill – zastępuje globalną wartość candlestick.risingColor.fill w przypadku tej serii.
  • risingColor.stroke – zastępuje globalną wartość candlestick.risingColor.stroke w przypadku tej serii.
  • risingColor.strokeWidth – zastępuje globalną wartość candlestick.risingColor.strokeWidth w przypadku tej serii.
  • targetAxisIndex – oś, do której ma być przypisana ta seria, gdzie 0 to oś domyślna, a 1 to oś przeciwna. Wartość domyślna to 0. Ustaw wartość 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi być przypisana co najmniej 1 seria. Możesz zdefiniować różne skale 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 słupki pionowe (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, lub obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii się odnosi. Na przykład te 2 deklaracje są identyczne i określają 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
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu vAxes. W poniższym przykładzie seria 2 jest przypisana do prawej osi, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto

Opcje konfiguracji wskaźnika

Nazwa
greenColor

Kolor, który ma być używany w przypadku zielonej sekcji w notacji kolorów HTML.

Typ: string
Domyślnie: '#109618'
greenFrom

Najniższa wartość zakresu oznaczonego kolorem zielonym.

Typ: number
Wartość domyślna: brak
greenTo

Najwyższa wartość w zakresie oznaczonym kolorem zielonym.

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: szerokość kontenera
maksimum

Maksymalna wartość do wyświetlenia na osi Y. Jeśli maksymalny punkt danych przekracza tę wartość, to ustawienie jest ignorowane, a wykres jest dostosowywany tak, aby wyświetlać następną główną podziałkę powyżej maksymalnego punktu danych. Ma to pierwszeństwo przed maksymalną wartością osi Y określoną przez parametr scaleType.

Jest to podobne do elementu maxValue na wykresach podstawowych.

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

Minimalna wartość do wyświetlenia na osi Y. Jeśli minimalny punkt danych jest mniejszy od tej wartości, to ustawienie jest ignorowane, a wykres jest dostosowywany tak, aby wyświetlać następną główną podziałkę poniżej minimalnego punktu danych. Ma to pierwszeństwo przed minimalną wartością osi Y określoną przez scaleType.

Jest to podobne do elementu minValue na wykresach podstawowych.

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

Kolor, który ma być używany w sekcji czerwonej w notacji kolorów HTML.

Typ: string
Domyślnie: '#DC3912'
redFrom

Najniższa wartość zakresu oznaczonego kolorem czerwonym.

Typ: number
Wartość domyślna: brak
redTo

Najwyższa wartość zakresu oznaczona kolorem czerwonym.

Typ: number
Wartość domyślna: brak
szerokość

Szerokość wykresu w pikselach.

Typ: number
Wartość domyślna: szerokość kontenera
yellowColor

Kolor, który ma być używany w przypadku żółtej sekcji, w notacji kolorów HTML.

Typ: string
Domyślnie: '#FF9900'
yellowFrom

Najniższa wartość zakresu oznaczonego kolorem żółtym.

Typ: number
Wartość domyślna: brak
yellowTo

Najwyższa wartość w zakresie oznaczonym 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 koloru HTML, np. 'red' lub '#00cc00', albo obiekt z tymi właściwościami:

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
datalessRegionColor

Kolor, który ma być przypisany do regionów bez powiązanych danych.

Typ: string
Domyślnie: '#F5F5F5'
defaultColor

Kolor punktów danych na wykresie geograficznym, gdy lokalizacja (np. 'US' ) jest obecny, ale jego wartość to null lub nie jest określona. Różni się on od koloru datalessRegionColor, który jest używany, gdy brakuje danych.

Typ: string
Domyślnie: '#267114'
displayMode

Określa typ wykresu geograficznego. Format DataTable musi być zgodny z podaną wartością. Obsługiwane są te wartości:

  • 'auto' – wybierz na podstawie formatu tabeli danych.
  • 'regions' – kolorowanie regionów na mapie geograficznej.
  • 'markers' – umieść znaczniki miejsc w regionach.
  • 'text' – oznaczanie regionów tekstem z tabeli danych.
Typ: string
Wartość domyślna: „auto”
wysokość

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
region

Obszar do wyświetlenia na wykresie geograficznym. Wyświetlane są też obszary w pobliżu. Może przyjmować jedną z tych wartości:

  • 'world' – mapa geograficzna całego świata.
  • Kontynent lub subkontynent określony za pomocą 3-cyfrowego kodu, np. '011' w Afryce Zachodniej.
  • Kraj określony za pomocą kodu ISO 3166-1 alfa-2, np. 'AU' w Australii.
  • Stan w Stanach Zjednoczonych określony za pomocą kodu ISO 3166-2:US, np. 'US-AL' w Alabamie. Pamiętaj, że opcja resolution musi mieć wartość 'provinces' lub 'metros'.
Typ: string
Wartość domyślna: „world”
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość elementu zawierającego

Opcje konfiguracji histogramu

Nazwa
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.gridlines

Obiekt z właściwościami 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
hAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
hAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

Typ: object
Domyślnie: null
hAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie wartości 0. Liczba mniejszych linii siatki zależy teraz całkowicie od odstępu między większymi liniami siatki (patrz hAxis.gridlines.interval) i minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
histogram.bucketSize

Zakoduj na stałe rozmiar każdego słupka histogramu, zamiast pozwalać na jego określanie algorytmiczne.

Typ: number
Wartość domyślna: auto
histogram.hideBucketItems

Pomiń cienkie podziały między blokami histogramu, aby utworzyć serię pełnych słupków.

Typ: boolean
Domyślnie: false
histogram.lastBucketPercentile

Podczas obliczania rozmiaru przedziału histogramu zignoruj górny i dolny lastBucketPercentile %. Wartości są nadal uwzględniane w histogramie, ale nie wpływają na podział na przedziały.

Typ: number
Domyślnie: 0
interpolateNulls

Określa, czy należy zgadywać wartość brakujących punktów. Jeśli true, funkcja spróbuje odgadnąć wartość brakujących danych na podstawie sąsiednich punktów. Jeśli false, w nieznanym miejscu w wierszu pojawi się przerwa.

Ta opcja nie jest obsługiwana w przypadku wykresów obszarowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Domyślnie: false
isStacked

Jeśli ta opcja jest ustawiona na true, elementy wszystkich serii są układane w stosy przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej odpowiadała ona ułożeniu elementów serii (np. seria 0 będzie elementem legendy znajdującym się na samym dole). Ten punkt nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100-procentowe układanie w stos, w którym stosy elementów przy każdej wartości domeny są przeskalowywane tak, aby sumowały się do 100%.

Dostępne opcje dla isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – układa elementy wszystkich serii w stos dla każdej wartości domeny.
  • 'percent' – układa w stos elementy wszystkich serii dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 100%, a wartość każdego elementu była obliczana jako procent ze 100%.
  • 'relative' – układa elementy wszystkich serii w stosy dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 1, a wartość każdego elementu była obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku 100-procentowego układania w stos wartość obliczona dla każdego elementu pojawi się w dymku po jego rzeczywistej wartości.

Oś docelowa będzie domyślnie zawierać wartości podziałki oparte na względnej skali 0–1 jako ułamki liczby 1 w przypadku 'relative' i 0–100% w przypadku 'percent'.Uwaga: gdy używasz opcji 'percent', wartości osi i podziałki są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względnej skali 0–1. Wynika to z faktu, że podziałka osi procentowej jest wynikiem zastosowania formatu „#.##%” do względnych wartości w skali 0–1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki i linie siatki za pomocą względnych wartości skali 0–1). Możesz dostosować linie siatki, wartości podziałek i formatowanie, korzystając z odpowiednich opcji hAxis/vAxis.

100% skumulowanie obsługuje tylko wartości danych typu number i musi mieć wartość bazową równą zero.

Typ: boolean/string
Domyślnie: false
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

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

Typ: boolean
Domyślnie: false
seria

Tablica obiektów, z których każdy opisuje format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych dla serii, podaj pusty obiekt {}. Jeśli nie podasz serii ani wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się pojawić w legendzie wykresu.
  • targetAxisIndex – oś, do której ma być przypisana ta seria, gdzie 0 to oś domyślna, a 1 to oś przeciwna. Wartość domyślna to 0. Ustaw wartość 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi być przypisana co najmniej 1 seria. Możesz zdefiniować różne skale dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, lub obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii się odnosi. Na przykład te 2 deklaracje są identyczne i określają 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
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu vAxes. W poniższym przykładzie seria 2 jest przypisana do prawej osi, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość elementu zawierającego

Opcje konfiguracji wykresu liniowego

Nazwa
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

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

Określa krzywiznę linii, gdy szerokość linii jest różna od zera. Użyj jednego z tych rodzajów wartości:

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

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

Typ: 1 lub -1
Domyślnie: 1
hAxis.gridlines

Obiekt z właściwościami 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
hAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
hAxis.logScale

hAxis, która sprawia, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, jeśli chcesz, aby odpowiedź była twierdząca.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przesuwa maksymalną wartość osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w prawo. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

Typ: object
Domyślnie: null
hAxis.minorGridlines.color

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

Typ:string
Domyślny: połączenie koloru linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie wartości 0. Liczba mniejszych linii siatki zależy teraz całkowicie od odstępu między większymi liniami siatki (patrz hAxis.gridlines.interval) i minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przesuwa wartość minimalną osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w lewo. Ignorowane, jeśli wartość jest większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
interpolateNulls

Określa, czy należy zgadywać wartość brakujących punktów. Jeśli true, funkcja spróbuje odgadnąć wartość brakujących danych na podstawie sąsiednich punktów. Jeśli false, w nieznanym miejscu w wierszu pojawi się przerwa.

Ta opcja nie jest obsługiwana w przypadku wykresów obszarowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Domyślnie: false
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Użyj zera, aby ukryć wszystkie linie i wyświetlić tylko punkty. Możesz zastąpić wartości poszczególnych serii za pomocą właściwości series.

Typ: number
Domyślnie: 2
pointShape

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

Typ: string
Domyślnie: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Użyj zera, aby ukryć wszystkie punkty. Wartości poszczególnych serii możesz zastąpić za pomocą właściwości series. Jeśli używasz linii trendu, opcja pointSize wpłynie na jej szerokość, chyba że zastąpisz ją opcją trendlines.n.pointsize.

Typ: number
Domyślnie: 0
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Możesz go użyć na przykład do sterowania textStyle w przypadku serii: 

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

    Pełniejszą listę elementów, 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 słupki pionowe (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • curveType – zastępuje globalną wartość curveType w tej serii.
  • labelInLegend – opis serii, który ma się pojawić w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle w przypadku tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth w tej serii.
  • pointShape – zastępuje globalną wartość pointShape w przypadku tej serii.
  • pointSize – zastępuje globalną wartość pointSize w tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible w przypadku tej serii.
  • targetAxisIndex – oś, do której ma być przypisana ta seria, gdzie 0 to oś domyślna, a 1 to oś przeciwna. Wartość domyślna to 0. Ustaw wartość 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi być przypisana co najmniej 1 seria. Możesz zdefiniować różne skale dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, lub obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii się odnosi. Na przykład te 2 deklaracje są identyczne i określają 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
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {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 wykresach, które je obsługują. Domyślnie używane są linear linie trendu, ale można to dostosować za pomocą opcji trendlines.n.type.

Linie trendu są określane dla poszczególnych serii, więc w większości przypadków opcje będą wyglądać tak: 

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

Kolor linii trendu , wyrażony jako nazwa koloru w języku angielskim lub ciąg szesnastkowy.

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

W przypadku linii trendu type: 'polynomial' stopień wielomianu (2 w przypadku wielomianu kwadratowego, 3 w przypadku wielomianu sześciennego itd.).

Typ: number
Domyślnie: 3
trendlines.n.labelInLegend

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

Typ: string
Domyślnie: null
trendlines.n.lineWidth

Szerokość linii linii trendu w pikselach.

Typ: number
Domyślnie: 2
trendlines.n.type

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

Typ: string
Domyślnie: linear
trendlines.n.visibleInLegend

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

Typ: boolean
Domyślnie: 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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu vAxes. W poniższym przykładzie seria 2 jest przypisana do prawej osi, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto

Opcje konfiguracji wykresu organizacyjnego

Nazwa
kolor

Kolor tła elementów schematu organizacyjnego.

Typ: string
Domyślnie: '#edf7ff'
selectionColor

Kolor tła wybranych elementów schematu organizacyjnego.

Typ: string
Domyślnie: '#d6e9f8'
rozmiar

Ogólny rozmiar wykresu. Dostępne opcje to 'small', 'medium' i 'large'.

Typ: string
Domyślnie: 'medium'

Opcje konfiguracji wykresu kołowego

Nazwa
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

Typ: tablica ciągów znaków
Domyślnie: kolory domyślne
wysokość

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
is3D

Jeśli true, wyświetla wykres trójwymiarowy.

Typ: boolean
Domyślnie: false
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Jeśli wartość mieści się w zakresie od 0 do 1, wyświetla wykres pierścieniowy. Otwór ma promień równy number promienia wykresu.

Typ: number
Domyślnie: 0
pieSliceBorderColor

Kolor obramowania wycinka. Ma zastosowanie tylko wtedy, gdy wykres jest dwuwymiarowy.

Typ: string
Domyślnie: 'white'
pieSliceText

Treść tekstu wyświetlanego na wycinku. Użyj jednego z tych rodzajów wartości:

  • 'percentage' – odsetek rozmiaru wycinka w stosunku do całości.
  • 'value' – wartość ilościowa wycinka.
  • 'label' – nazwa wycinka.
  • 'none' – nie jest wyświetlany żaden tekst.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

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

Typ: boolean
Domyślnie: false
slices.color

Kolor, który ma być użyty w tym wycinku.

Typ: string
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {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 koloru HTML, np. 'red' lub '#00cc00', albo obiekt z tymi właściwościami:

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ:string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

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

Określa krzywiznę linii, gdy szerokość linii jest różna od zera. Użyj jednego z tych rodzajów wartości:

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

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

Typ: 1 lub -1
Domyślnie: 1
hAxis.gridlines

Obiekt z właściwościami 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
hAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
hAxis.logScale

hAxis, która sprawia, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, jeśli chcesz, aby odpowiedź była twierdząca.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przesuwa maksymalną wartość osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w prawo. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

Typ: object
Domyślnie: null
hAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie wartości 0. Liczba mniejszych linii siatki zależy teraz całkowicie od odstępu między większymi liniami siatki (patrz hAxis.gridlines.interval) i minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przesuwa wartość minimalną osi poziomej do określonej wartości. W większości wykresów będzie to przesunięcie w lewo. Ignorowane, jeśli wartość jest większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Użyj zera, aby ukryć wszystkie linie i wyświetlić tylko punkty. Możesz zastąpić wartości poszczególnych serii za pomocą właściwości series.

Typ: number
Domyślnie: 2
pointShape

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

Typ: string
Domyślnie: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Użyj zera, aby ukryć wszystkie punkty. Wartości poszczególnych serii możesz zastąpić za pomocą właściwości series. Jeśli używasz linii trendu, opcja pointSize wpłynie na jej szerokość, chyba że zastąpisz ją opcją trendlines.n.pointsize.

Typ: number
Domyślnie: 0
seria

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

  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się pojawić w legendzie wykresu.
  • lineWidth – zastępuje globalną wartość lineWidth w tej serii.
  • pointShape – zastępuje globalną wartość pointShape w przypadku tej serii.
  • pointSize – zastępuje globalną wartość pointSize w tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible w przypadku tej serii.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, lub obiekt, w którym każdy element podrzędny ma klucz numeryczny wskazujący, do której serii się odnosi. Na przykład te 2 deklaracje są identyczne i określają 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
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {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 wykresach, które je obsługują. Domyślnie używane są linear linie trendu, ale można to dostosować za pomocą opcji trendlines.n.type.

Linie trendu są określane dla poszczególnych serii, więc w większości przypadków opcje będą wyglądać tak: 

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

Kolor linii trendu , wyrażony jako nazwa koloru w języku angielskim lub ciąg szesnastkowy.

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

W przypadku linii trendu type: 'polynomial' stopień wielomianu (2 w przypadku wielomianu kwadratowego, 3 w przypadku wielomianu sześciennego itd.).

Typ: number
Domyślnie: 3
trendlines.n.labelInLegend

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

Typ: string
Domyślnie: null
trendlines.n.lineWidth

Szerokość linii linii trendu w pikselach.

Typ: number
Domyślnie: 2
trendlines.n.type

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

Typ: string
Domyślnie: linear
trendlines.n.visibleInLegend

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

Typ: boolean
Domyślnie: 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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu vAxes. W poniższym przykładzie seria 2 jest przypisana do prawej osi, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto

Opcje konfiguracji wykresu warstwowego krokowego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru pod serią wykresu obszarowego, gdzie 0.0 oznacza pełną przezroczystość, a 1.0 – pełną nieprzezroczystość. Aby określić krycie poszczególnych serii, ustaw wartość areaOpacity we właściwości series.

Typ: number, 0.0- 1.0
Domyślnie: 0.3
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami do skonfigurowania położenia i rozmiaru obszaru wykresu (na którym rysowany jest sam wykres, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z symbolem %. Prosta liczba to wartość w pikselach, a liczba z symbolem % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Jeśli używany jest ciąg znaków, może to być ciąg szesnastkowy (np. '#fdc') lub angielską nazwę koloru. Gdy używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg szesnastkowy lub nazwa koloru w języku angielskim.
  • strokeWidth: Jeśli podano, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Odległość wykresu od lewej krawędzi.

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

Odległość wykresu od górnej krawędzi.

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

Szerokość obszaru wykresu.

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

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

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

Obiekt z elementami do skonfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

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

Typ: 1 lub -1
Domyślnie: 1
hAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Typ: string
Domyślnie: 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna pozioma wartość danych do wyrenderowania.

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

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

Minimalna pozioma wartość danych do wyrenderowania.

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

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

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
isStacked

Jeśli ta opcja jest ustawiona na true, elementy wszystkich serii są układane w stosy przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej odpowiadała ona ułożeniu elementów serii (np. seria 0 będzie elementem legendy znajdującym się na samym dole). Ten punkt nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100-procentowe układanie w stos, w którym stosy elementów przy każdej wartości domeny są przeskalowywane tak, aby sumowały się do 100%.

Dostępne opcje dla isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – układa elementy wszystkich serii w stos dla każdej wartości domeny.
  • 'percent' – układa w stos elementy wszystkich serii dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 100%, a wartość każdego elementu była obliczana jako procent ze 100%.
  • 'relative' – układa elementy wszystkich serii w stosy dla każdej wartości domeny i zmienia ich skalę tak, aby sumowały się do 1, a wartość każdego elementu była obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku 100-procentowego układania w stos wartość obliczona dla każdego elementu pojawi się w dymku po jego rzeczywistej wartości.

Oś docelowa będzie domyślnie zawierać wartości podziałki oparte na względnej skali 0–1 jako ułamki liczby 1 w przypadku 'relative' i 0–100% w przypadku 'percent'.Uwaga: gdy używasz opcji 'percent', wartości osi i podziałki są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względnej skali 0–1. Wynika to z faktu, że podziałka osi procentowej jest wynikiem zastosowania formatu „#.##%” do względnych wartości w skali 0–1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określić wszystkie znaczniki i linie siatki za pomocą względnych wartości skali 0–1). Możesz dostosować linie siatki, wartości podziałek i formatowanie, korzystając z odpowiednich opcji hAxis/vAxis.

100% skumulowanie obsługuje tylko wartości danych typu number i musi mieć wartość bazową równą zero.

Typ: boolean/ string
Domyślnie: false
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano tutaj: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, jeśli lewa oś nie jest powiązana z żadną serią. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – nie jest wyświetlana żadna legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

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

Typ: boolean
Domyślnie: false
seria

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

  • areaOpacity – zastępuje globalny parametr areaOpacity w przypadku tej serii.
  • color – kolor, który ma być używany w tej serii. Określ prawidłowy ciąg znaków HTML określający kolor.
  • 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 słupki pionowe (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • labelInLegend – opis serii, który ma się pojawić w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle w przypadku tej serii.
  • targetAxisIndex – oś, do której ma być przypisana ta seria, gdzie 0 to oś domyślna, a 1 to oś przeciwna. Wartość domyślna to 0. Ustaw wartość 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi być przypisana co najmniej 1 seria. Możesz zdefiniować różne skale dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy jest stosowany do serii w podanej kolejności, lub obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii jest stosowany.Na przykład poniższe 2 deklaracje są identyczne i określają 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
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu i rysuje legendę oraz wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {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. Wartości tych właściwości zastępują wszystkie ustawienia globalne tej samej właściwości.

Aby określić wykres z kilkoma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a potem skonfiguruj ją za pomocą elementu vAxes. W poniższym przykładzie seria 2 jest przypisana do prawej osi, a dla niej określono niestandardowy tytuł i 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, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład poniższa notacja w stylu tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

Obiekt z elementami 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, jak pokazano tutaj: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie małe wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, wpisz -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami do skonfigurowania 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, jak pokazano tutaj: 

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

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

Typ: object
Domyślnie: null
vAxis.gridlines.color

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

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz dodatnią liczbę dla parametru gridlines.count, zostanie ona użyta do obliczenia parametru minSpacing między liniami siatki. Możesz określić wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Aby automatycznie obliczyć liczbę linii siatki na podstawie innych opcji, wpisz -1 (wartość domyślna).

Typ: number
Domyślnie: -1
vAxis.logScale

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

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przesuwa maksymalną wartość osi pionowej do określonej wartości. W większości wykresów będzie to ruch w górę. Ignorowane, jeśli wartość jest mniejsza niż maksymalna wartość y danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Wartość domyślna: automatyczna
vAxis.minorGridlines

Obiekt z elementami do skonfigurowania mniejszych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

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

Typ: string
Domyślny: połączenie koloru linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości przypadków wycofana, z wyjątkiem wyłączania mniejszych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między większymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przesuwa wartość minimalną osi pionowej do określonej wartości. W większości wykresów będzie to ruch w dół. Ignorowane, jeśli wartość jest większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: '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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

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

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowane, gdy wartość parametru vAxis.viewWindowMode to „pretty” lub „maximized”.

Typ: number
Wartość domyślna: auto
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość elementu zawierającego

Opcje konfiguracji wykresu tabeli

Nazwa
alternatingRowStyle

Określa, czy do wierszy nieparzystych i parzystych zostanie przypisany styl z naprzemiennymi kolorami.

Typ: boolean
Domyślnie: true
wysokość

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
strona

Określa, czy i jak włączyć stronicowanie danych. Wybierz jedną z tych wartości string:

  • 'enable' – tabela będzie zawierać przyciski przewijania do przodu i do tyłu. Kliknięcie tych przycisków spowoduje wykonanie operacji stronicowania i zmianę wyświetlanej strony. Możesz też ustawić opcję pageSize.
  • 'event' – tabela będzie zawierać przyciski „Dalej” i „Wstecz”, ale ich kliknięcie spowoduje wywołanie zdarzenia 'page' i nie zmieni wyświetlanej strony. Ta opcja powinna być używana, gdy kod implementuje własną logikę przewracania stron. Przykład ręcznego obsługiwania zdarzeń stronicowania znajdziesz w przykładzie TableQueryWrapper.
  • 'disable' – [wartość domyślna] stronicowanie nie jest obsługiwane.
    • Typ: string
    Domyślnie: 'disable'
pageSize

Liczba wierszy na każdej stronie, gdy włączony jest podział na strony z opcją strony.

Typ: number
Domyślnie: 10
showRowNumber

Jeśli ta opcja jest ustawiona na true, numer wiersza jest wyświetlany jako pierwsza kolumna tabeli.

Typ: boolean
Domyślnie: false
sortuj

Czy i jak sortować kolumny, gdy użytkownik kliknie nagłówek kolumny. Jeśli sortowanie jest włączone, rozważ też ustawienie właściwości sortAscending i sortColumn. Wybierz jedną z tych wartości string:

  • 'enable' – [Domyślne] Użytkownicy mogą klikać nagłówki kolumn, aby sortować dane według klikniętej kolumny. Gdy użytkownicy klikną nagłówek kolumny, wiersze zostaną automatycznie posortowane, a 'sort'zdarzenie zostanie wywołane.
  • 'event' – gdy użytkownicy klikną nagłówek kolumny, wywoływane jest zdarzenie 'sort', ale wiersze nie są automatycznie sortowane. Tej opcji należy używać, gdy strona implementuje własne sortowanie. Przykład ręcznego sortowania zdarzeń znajdziesz w przykładzie TableQueryWrapper.
  • 'disable' – kliknięcie nagłówka kolumny nie ma żadnego efektu.
Typ: string
Domyślnie: 'enable'
sortAscending

Kolejność sortowania początkowej kolumny sortowania. True – rosnąco, false – malejąco. Ignorowana, jeśli nie określono wartości sortColumn.

Typ: boolean
Domyślnie: 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
Domyślnie: -1
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość elementu zawierającego

Opcje konfiguracji osi czasu

Nazwa
backgroundColor

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

Typ: string lub object
Domyślnie: 'white'
kolory

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

Typ: tablica ciągów znaków
Domyślnie: kolory domyślne
wysokość

Wysokość wykresu w pikselach.

Typ: number
Wartość domyślna: wysokość elementu zawierającego
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość elementu zawierającego

Opcje konfiguracji mapy drzewa

Nazwa
headerColor

Kolor sekcji nagłówka każdego węzła. Określ wartość koloru HTML.

Typ: string
Domyślnie: #988f86
maxColor

Kolor prostokąta z wartością kolumny 3 równą maxColorValue. Określ wartość koloru HTML.

Typ: string
Domyślnie: #00dd00
maxDepth

Maksymalna liczba poziomów węzłów do wyświetlenia w bieżącym widoku. Poziomy są spłaszczane do bieżącej płaszczyzny. Jeśli drzewo ma więcej poziomów, musisz przewinąć w górę lub w dół, aby je zobaczyć. Możesz też zobaczyć maxPostDepth poziomy poniżej tego poziomu jako zacienione prostokąty w tych węzłach.

Typ: number
Domyślnie: 1
maxPostDepth

Liczba poziomów węzłów poza maxDepth, które mają być wyświetlane w formie „podpowiedzi”. Węzły podpowiadane są wyświetlane jako zacienione prostokąty w węźle, który mieści się w limicie maxDepth.

Typ: number
Domyślnie: 0
midColor

Kolor prostokąta, którego wartość w kolumnie 3 jest w połowie przedziału między maxColorValue a minColorValue. Określ wartość koloru HTML.

Typ: string
Domyślnie: #000000
minColor

Kolor prostokąta z wartością kolumny 3 równą minColorValue. Określ wartość koloru HTML.

Typ: string
Domyślnie: #dd0000
noColor

Kolor, który ma być używany w przypadku prostokąta, gdy węzeł nie ma wartości w kolumnie 3 i jest węzłem końcowym (lub zawiera tylko węzły końcowe). Określ wartość koloru HTML.

Typ: string
Domyślnie: #000000
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: brak tytułu
subtitleTextStyle

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

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

Typ: object
Domyślnie: {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 koloru 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>}
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: brak 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 koloru HTML, np. 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}