Opcje konfiguracji wykresu

Typy wykresów

Opcje konfiguracji wykresu adnotacji

Nazwa
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
SelektorZakresu wyświetlania

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

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

Typ: boolean
Wartość domyślna: true
Wyświetlanie PrzyciskówPowiększenia

Określa, czy pokazywać przyciski powiększenia („1d 5d 1m itd.”), gdzie false oznacza „nie”.

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

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

Jest podobny do wykresu maxValue na głównych wykresach.

Typ: number
Domyślnie:automatycznie.
min

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

Jest podobny do wykresu minValue na głównych wykresach.

Typ: number
Domyślnie:automatycznie.

Opcje konfiguracji wykresu warstwowego

Nazwa
obszarPrzezroczystość

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

Typ: number, 0.0- 1.0
Wartość domyślna: 0.3
Kolor tła

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

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

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

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

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

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
oś

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

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

Kierunek, w którym rosną wartości wzdłuż osi poziomej. Podaj -1, aby odwrócić kolejność wartości.

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

Obiekt z właściwościami pozwalającymi skonfigurować linie 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 w tym przykładzie: 

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

hAxis, która przekształca oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw „true” na „tak”.

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędne

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

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

Typ: object
Wartość domyślna: null
hAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna hAxis

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

Typ: number
Domyślnie:automatycznie.
hAxis.textPosition

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

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

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

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

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

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

hAxis, która określa tytuł osi poziomej.

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

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

Czy ma odgadnąć liczbę brakujących punktów. Jeśli właściwość true, odgaduje wartość brakujących danych na podstawie sąsiednich punktów. Jeśli ustawiona jest wartość false, pozostawi ona przerwę w wierszu w nieznanym punkcie.

Tego typu danych nie są obsługiwane na wykresach warstwowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

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

Jeśli ma wartość true, elementy ze wszystkich serii w poszczególnych wartościach domeny są łączone w stosy. Uwaga: na wykresach Kolumna, Obszar i Obszar schodkowy wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do sposobu ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

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

Opcje dla isStacked to:

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

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

Oś docelowa będzie domyślnie wybierać wartości na podstawie względnej skali od 0 do 1 jako ułamków 1: 'relative' oraz 0–100% dla parametru 'percent'. (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Znaczniki osi procentowej wynikają z zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz metody isStacked: 'percent', pamiętaj, by określić znaczniki/linie siatki przy użyciu względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a punkt odniesienia musi mieć wartość bazową równą 0.

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

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem, że z lewą oś nie jest powiązana żadna oś series. Jeśli chcesz, aby legenda była po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
styl LegendTextStyle

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

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

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

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

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

Typ: number
Wartość domyślna: 2
kształt punktu

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

Typ: string
Wartość domyślna: 'circle'
rozmiar punktu

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

Typ: number
Wartość domyślna: 0
odwróć Kategorie

Jeśli ma wartość true, rysuje serię od prawej do lewej. Domyślnym ustawieniem jest rysowanie od lewej do prawej.

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

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

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

  • annotations – obiekt do zastosowania w adnotacjach tej serii. Może to służyć do kontrolowania na przykład parametru textStyle serii: 

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

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

  • areaOpacity – zastępuje globalną wartość areaOpacity tej serii.
  • color – kolor używany w tej serii. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii widoczny w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • targetAxisIndex – do której osi przypisać daną serię, gdzie 0 jest domyślną osią, a 1 – przeciwną osią. Wartość domyślna to 0. Ustaw jako 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do domyślnej osi należy przydzielić co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć legendę, a false oznacza, że seria nie powinna mieć takiej legendy. Wartość domyślna to true.

Możesz podać tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład poniższe 2 deklaracje są identyczne, a pierwsza seria jest czarna i nie występuje w legendzie, a czwarta jest czerwona i nie ma jej w legendzie: 

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

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

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

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

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

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

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

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

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

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

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

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

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

Typ: boolean
użyjPierwszaKolumnajakoDomena

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

Typ: boolean
Osie vO

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

Aby utworzyć wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru vAxes. Ten przykład przypisuje serię 2 do prawej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

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

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

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

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

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

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

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

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

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.

Opcje konfiguracji wykresu słupkowego

Nazwa
Kolor tła

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

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

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

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

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

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: liczba lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
Osie

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

Aby utworzyć wykres z wieloma osiami poziomymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru hAxes. Ten przykład przypisuje serię 1 do dolnej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt hAxis pokazany powyżej: 

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

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

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

Kierunek, w którym rosną wartości wzdłuż osi poziomej. Podaj -1, aby odwrócić kolejność wartości.

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

Obiekt z właściwościami pozwalającymi skonfigurować linie 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 w tym przykładzie: 

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

hAxis, która przekształca oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw „true” na „tak”.

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędne

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

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

Typ: object
Wartość domyślna: null
hAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna hAxis

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

Typ: number
Domyślnie:automatycznie.
hAxis.textPosition

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

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

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

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

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

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

hAxis, która określa tytuł osi poziomej.

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

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

Jeśli ma wartość true, elementy ze wszystkich serii w poszczególnych wartościach domeny są łączone w stosy. Uwaga: na wykresach Kolumna, Obszar i Obszar schodkowy wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do sposobu ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

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

Opcje dla isStacked to:

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

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

Oś docelowa będzie domyślnie wybierać wartości na podstawie względnej skali od 0 do 1 jako ułamków 1: 'relative' oraz 0–100% dla parametru 'percent'. (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Znaczniki osi procentowej wynikają z zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz metody isStacked: 'percent', pamiętaj, by określić znaczniki/linie siatki przy użyciu względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a punkt odniesienia musi mieć wartość bazową równą 0.

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

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

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

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

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

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

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

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

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

Jeśli ma wartość true, rysuje serię od prawej do lewej. Domyślnym ustawieniem jest rysowanie od lewej do prawej.

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

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

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

  • annotations – obiekt do zastosowania w adnotacjach tej serii. Może to służyć do kontrolowania na przykład parametru textStyle serii: 

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

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

  • color – kolor używany w tej serii. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii widoczny w legendzie wykresu.
  • targetAxisIndex – do której osi przypisać daną serię, gdzie 0 jest domyślną osią, a 1 – przeciwną osią. Wartość domyślna to 0. Ustaw jako 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do domyślnej osi należy przydzielić co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć legendę, a false oznacza, że seria nie powinna zawierać legendy. Wartość domyślna to true.

Możesz podać tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład poniższe 2 deklaracje są identyczne, a pierwsza seria jest czarna i nie występuje w legendzie, a czwarta jest czerwona i nie ma jej w legendzie: 

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

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

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

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

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

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

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

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

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

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

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

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

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

Linie trendów są określane dla poszczególnych serii, więc najczęściej dostępne opcje będą wyglądać tak: 

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

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

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

W przypadku linii trendu wartości type: 'polynomial' jest to stopień wielomianu (2 dla kwadratowego, 3 dla sześciennego itd.).

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

Jeśli jest ustawiony, linia trendu pojawi się w legendzie jako ten ciąg.

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

Szerokość linii linii trendu w pikselach.

Typ: number
Wartość domyślna: 2
linie trendu.n.typ

Określa, czy linie trendu to 'linear' (domyślnie), 'exponential' czy 'polynomial'.

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

Czy w legendzie występuje równanie linii trendu . Pojawi się w etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
użyjPierwszaKolumnajakoDomena

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

Typ: boolean
Oś v

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

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

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

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

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

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

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

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.

Opcje konfiguracji wykresu bąbelkowego

Nazwa
Kolor tła

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

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

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

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

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

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

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

Typ: liczba od 0,0 do 1,0
Wartość domyślna: 0,8
linia

Kolor kreski bąbelków.

Typ: string
Wartość domyślna: '#ccc'
dymek.tekstStyle

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

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

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

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

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

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
oś

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

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

Kierunek, w którym rosną wartości wzdłuż osi poziomej. Podaj -1, aby odwrócić kolejność wartości.

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

Obiekt z właściwościami pozwalającymi skonfigurować linie 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 w tym przykładzie: 

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

hAxis, która przekształca oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw „true” na „tak”.

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędne

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

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

Typ: object
Wartość domyślna: null
hAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna hAxis

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

Typ: number
Domyślnie:automatycznie.
hAxis.textPosition

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

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

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

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

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

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

hAxis, która określa tytuł osi poziomej.

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

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

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

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

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

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

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

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

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

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

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

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

Typ: boolean
użyjPierwszaKolumnajakoDomena

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

Typ: boolean
Osie vO

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

Aby utworzyć wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru vAxes. Ten przykład przypisuje serię 2 do prawej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

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

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

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

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

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

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

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

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

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.

Opcje konfiguracji Kalendarza

Nazwa
wysokość

Wysokość wykresu w pikselach.

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

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu, który go zawiera.

Opcje konfiguracji wykresu świecowego

Nazwa
Kolor tła

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

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

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

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

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

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
oś

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

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

Kierunek, w którym rosną wartości wzdłuż osi poziomej. Podaj -1, aby odwrócić kolejność wartości.

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

Obiekt z właściwościami pozwalającymi skonfigurować linie 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 w tym przykładzie: 

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

hAxis, która przekształca oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw „true” na „tak”.

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędne

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

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

Typ: object
Wartość domyślna: null
hAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna hAxis

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

Typ: number
Domyślnie:automatycznie.
hAxis.textPosition

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

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

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

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

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

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

hAxis, która określa tytuł osi poziomej.

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

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

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

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

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

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

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

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

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

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

Jeśli ma wartość true, rysuje serię od prawej do lewej. Domyślnym ustawieniem jest rysowanie od lewej do prawej.

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

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

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

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

Możesz podać tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład poniższe 2 deklaracje są identyczne, a pierwsza seria jest czarna i nie występuje w legendzie, a czwarta jest czerwona i nie ma jej w legendzie: 

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

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

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

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

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

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

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

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

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

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

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

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

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

Typ: boolean
Osie vO

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

Aby utworzyć wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru vAxes. Ten przykład przypisuje serię 2 do prawej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

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

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

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

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

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

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

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

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

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.

Opcje konfiguracji wykresu kolumnowego

Nazwa
Kolor tła

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

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

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

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

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

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
oś

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

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

Kierunek, w którym rosną wartości wzdłuż osi poziomej. Podaj -1, aby odwrócić kolejność wartości.

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

Obiekt z właściwościami pozwalającymi skonfigurować linie 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 w tym przykładzie: 

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

hAxis, która przekształca oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw „true” na „tak”.

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędne

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

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

Typ: object
Wartość domyślna: null
hAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna hAxis

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

Typ: number
Domyślnie:automatycznie.
hAxis.textPosition

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

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

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

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

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

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

hAxis, która określa tytuł osi poziomej.

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

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

Jeśli ma wartość true, elementy ze wszystkich serii w poszczególnych wartościach domeny są łączone w stosy. Uwaga: na wykresach Kolumna, Obszar i Obszar schodkowy wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do sposobu ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

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

Opcje dla isStacked to:

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

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

Oś docelowa będzie domyślnie wybierać wartości na podstawie względnej skali od 0 do 1 jako ułamków 1: 'relative' oraz 0–100% dla parametru 'percent'. (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Znaczniki osi procentowej wynikają z zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz metody isStacked: 'percent', pamiętaj, by określić znaczniki/linie siatki przy użyciu względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a punkt odniesienia musi mieć wartość bazową równą 0.

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

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

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

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

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

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

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

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

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

Jeśli ma wartość true, rysuje serię od prawej do lewej. Domyślnym ustawieniem jest rysowanie od lewej do prawej.

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

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

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

  • annotations – obiekt do zastosowania w adnotacjach tej serii. Może to służyć do kontrolowania na przykład parametru textStyle serii: 

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

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

  • color – kolor używany w tej serii. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii widoczny w legendzie wykresu.
  • targetAxisIndex – do której osi przypisać daną serię, gdzie 0 jest domyślną osią, a 1 – przeciwną osią. Wartość domyślna to 0. Ustaw jako 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do domyślnej osi należy przydzielić co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.

Możesz podać tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład poniższe 2 deklaracje są identyczne, a pierwsza seria jest czarna i nie występuje w legendzie, a czwarta jest czerwona i nie ma jej w legendzie: 

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

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

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

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

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

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

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

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

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

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

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

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

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

Linie trendów są określane dla poszczególnych serii, więc najczęściej dostępne opcje będą wyglądać tak: 

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

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

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

W przypadku linii trendu wartości type: 'polynomial' jest to stopień wielomianu (2 dla kwadratowego, 3 dla sześciennego itd.).

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

Jeśli jest ustawiony, linia trendu pojawi się w legendzie jako ten ciąg.

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

Szerokość linii linii trendu w pikselach.

Typ: number
Wartość domyślna: 2
linie trendu.n.typ

Określa, czy linie trendu to 'linear' (domyślnie), 'exponential' czy 'polynomial'.

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

Czy w legendzie występuje równanie linii trendu . Pojawi się w etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
użyjPierwszaKolumnajakoDomena

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

Typ: boolean
Osie vO

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

Aby utworzyć wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru vAxes. Ten przykład przypisuje serię 2 do prawej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

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

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

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

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

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

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

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

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

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.

Opcje konfiguracji wykresu mieszanego

Nazwa
obszarPrzezroczystość

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

Typ: number, 0.0- 1.0
Wartość domyślna: 0.3
Kolor tła

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

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

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

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

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

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
Typ krzywej

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

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

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

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

Kierunek, w którym rosną wartości wzdłuż osi poziomej. Podaj -1, aby odwrócić kolejność wartości.

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

Obiekt z właściwościami pozwalającymi skonfigurować linie 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 w tym przykładzie: 

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

hAxis, która przekształca oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw „true” na „tak”.

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędne

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

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

Typ: object
Wartość domyślna: null
hAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna hAxis

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

Typ: number
Domyślnie:automatycznie.
hAxis.textPosition

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

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

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

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

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

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

hAxis, która określa tytuł osi poziomej.

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

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

Czy ma odgadnąć liczbę brakujących punktów. Jeśli właściwość true, odgaduje wartość brakujących danych na podstawie sąsiednich punktów. Jeśli ustawiona jest wartość false, pozostawi ona przerwę w wierszu w nieznanym punkcie.

Tego typu danych nie są obsługiwane na wykresach warstwowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

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

Jeśli ma wartość true, elementy ze wszystkich serii w poszczególnych wartościach domeny są łączone w stosy. Uwaga: na wykresach Kolumna, Obszar i Obszar schodkowy wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do sposobu ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

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

Opcje dla isStacked to:

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

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

Oś docelowa będzie domyślnie wybierać wartości na podstawie względnej skali od 0 do 1 jako ułamków 1: 'relative' oraz 0–100% dla parametru 'percent'. (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Znaczniki osi procentowej wynikają z zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz metody isStacked: 'percent', pamiętaj, by określić znaczniki/linie siatki przy użyciu względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a punkt odniesienia musi mieć wartość bazową równą 0.

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

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

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

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

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

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

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

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

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

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

Typ: number
Wartość domyślna: 2
kształt punktu

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

Typ: string
Wartość domyślna: 'circle'
rozmiar punktu

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

Typ: number
Wartość domyślna: 0
odwróć Kategorie

Jeśli ma wartość true, rysuje serię od prawej do lewej. Domyślnym ustawieniem jest rysowanie od lewej do prawej.

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

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

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

  • annotations – obiekt do zastosowania w adnotacjach tej serii. Może to służyć do kontrolowania na przykład parametru textStyle serii: 

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

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

  • areaOpacity – zastępuje globalną wartość areaOpacity tej serii.
  • color – kolor używany w tej serii. Określ prawidłowy ciąg znaków HTML koloru.
  • curveType – zastępuje globalną wartość curveType dla tej serii.
  • fallingColor.fill – zastępuje globalną wartość candlestick.fallingColor.fill tej serii.
  • fallingColor.stroke – zastępuje globalną wartość candlestick.fallingColor.stroke tej serii.
  • fallingColor.strokeWidth – zastępuje globalną wartość candlestick.fallingColor.strokeWidth tej serii.
  • labelInLegend – opis serii widoczny w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • risingColor.fill – zastępuje globalną wartość candlestick.risingColor.fill tej serii.
  • risingColor.stroke – zastępuje globalną wartość candlestick.risingColor.stroke tej serii.
  • risingColor.strokeWidth – zastępuje globalną wartość candlestick.risingColor.strokeWidth tej serii.
  • targetAxisIndex – do której osi przypisać daną serię, gdzie 0 jest domyślną osią, a 1 – przeciwną osią. Wartość domyślna to 0. Ustaw jako 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do domyślnej osi należy przydzielić co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • type – typ znacznika tej serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że w rzeczywistości słupki są pionowe (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć legendę, a false oznacza, że seria nie powinna zawierać legendy. Wartość domyślna to true.

Możesz podać tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład poniższe 2 deklaracje są identyczne, a pierwsza seria jest czarna i nie występuje w legendzie, a czwarta jest czerwona i nie ma jej w legendzie: 

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

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

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

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

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

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

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

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

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

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

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

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

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

Typ: boolean
Osie vO

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

Aby utworzyć wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru vAxes. Ten przykład przypisuje serię 2 do prawej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

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

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

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

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

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

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

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

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

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.

Opcje konfiguracji wskaźnika

Nazwa
zielonyKolor

Kolor sekcji zielonej w notacji kolorów HTML.

Typ: string
Wartość domyślna: '#109618'
zielonyFrom

Najniższa wartość z zakresu oznaczonego zielonym kolorem.

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

Najwyższa wartość zakresu oznaczonego zielonym kolorem.

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

Wysokość wykresu w pikselach.

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

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

Jest podobny do wykresu maxValue na głównych wykresach.

Typ: number
Domyślnie:automatycznie.
min

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

Jest podobny do wykresu minValue na głównych wykresach.

Typ: number
Domyślnie:automatycznie.
czerwień

Kolor sekcji czerwonej w notacji HTML.

Typ: string
Wartość domyślna: '#DC3912'
redFrom

Najniższa wartość z zakresu oznaczonego kolorem czerwonym.

Typ: number
Wartość domyślna: brak
czerwony do

Najwyższa wartość zakresu oznaczonego kolorem czerwonym.

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

Szerokość wykresu w pikselach.

Typ: number
Wartość domyślna: szerokość kontenera
żółtyKolor

Kolor sekcji żółtej w zapisie koloru HTML.

Typ: string
Wartość domyślna: '#FF9900'
żółtyOd

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

Typ: number
Wartość domyślna: brak
żółtyTo

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

Typ: number
Wartość domyślna: brak

Opcje konfiguracji geochartu

Nazwa
Kolor tła

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

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

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

Typ: string
Wartość domyślna: 'white'
kolor bezdanychRegionów

Kolor do przypisania do regionów bez powiązanych danych.

Typ: string
Wartość domyślna: '#F5F5F5'
domyślnyKolor

Kolor, który będzie używany w punktach danych na wykresie geograficznym, gdy lokalizacja (np. 'US') jest obecne, ale wartość jest null lub nieokreślona. Różni się to od koloru datalessRegionColor, który jest używany w przypadku braku danych.

Typ: string
Wartość domyślna: '#267114'
tryb wyświetlania

Jaki jest typ wykresu geograficznego. Format DataTable musi pasować do podanej wartości. Obsługiwane są te wartości:

  • 'auto' – wybierz na podstawie formatu tabeli danych.
  • 'regions' – pokoloruj regiony na wykresie geograficznym.
  • 'markers' – umieść znaczniki na regionach.
  • 'text' – oznacz regiony jako tekst z DataTable.
Typ: string
Wartość domyślna: „auto”.
wysokość

Wysokość wykresu w pikselach.

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

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

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

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

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

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

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

Obszar do wyświetlenia na wykresie geograficznym. Wyświetlane są też otoczenie. Może być jedną z tych wartości:

  • 'world' – wykres geograficzny całego świata.
  • Kontynent lub subkontynent określony za pomocą 3-cyfrowego kodu, np. '011' dla Afryki Zachodniej.
  • Kraj określony kodem ISO 3166-1 alfa-2, np. 'AU' dla Australii.
  • stan w Stanach Zjednoczonych, określony za pomocą kodu ISO 3166-2:US, np. 'US-AL' dla Alabamy. Pamiętaj, że opcja resolution musi być ustawiona na 'provinces' lub 'metros'.
Typ: string
Wartość domyślna: „world”.
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu, który go zawiera.

Opcje konfiguracji histogramu

Nazwa
Kolor tła

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

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

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

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

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

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object/div>
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
oś

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

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

Obiekt z właściwościami pozwalającymi skonfigurować linie 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 w tym przykładzie: 

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
Linie siatki.podrzędne

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

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

Typ: object
Wartość domyślna: null
hAxis.podrzędnasiatka.kolor.

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

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

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

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

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

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

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

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

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

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

hAxis, która określa tytuł osi poziomej.

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
histogram.zasobnik

Zakoduj na stałe rozmiar każdego słupka histogramu, zamiast pozostawiać go algorytmicznie.

Typ: number
Domyślnie: automatycznie.
histogram.hideBucketItems

Pomiń cienkie podziały między blokami histogramu, aby utworzyć serię ciągłych pasków.

Typ: boolean
Wartość domyślna: false
histogram.lastBucketPercentyl

Podczas obliczania wielkości zasobnika histogramu zignoruj górną i dolną część (lastBucketPercentile) procent. Wartości są nadal uwzględniane na histogramie, ale nie mają wpływu na zasobnik.

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

Czy ma odgadnąć liczbę brakujących punktów. Jeśli właściwość true, odgaduje wartość brakujących danych na podstawie sąsiednich punktów. Jeśli ustawiona jest wartość false, pozostawi ona przerwę w wierszu w nieznanym punkcie.

Tego typu danych nie są obsługiwane na wykresach warstwowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

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

Jeśli ma wartość true, elementy ze wszystkich serii w poszczególnych wartościach domeny są łączone w stosy. Uwaga: na wykresach Kolumna, Obszar i Obszar schodkowy wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do sposobu ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

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

Opcje dla isStacked to:

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

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

Oś docelowa będzie domyślnie wybierać wartości na podstawie względnej skali od 0 do 1 jako ułamków 1: 'relative' oraz 0–100% dla parametru 'percent'. (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Znaczniki osi procentowej wynikają z zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz metody isStacked: 'percent', pamiętaj, by określić znaczniki/linie siatki przy użyciu względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a punkt odniesienia musi mieć wartość bazową równą 0.

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

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

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

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

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

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

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

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

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

Jeśli ma wartość true, rysuje serię od prawej do lewej. Domyślnym ustawieniem jest rysowanie od lewej do prawej.

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

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

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

  • color – kolor używany w tej serii. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii widoczny w legendzie wykresu.
  • targetAxisIndex – do której osi przypisać daną serię, gdzie 0 jest domyślną osią, a 1 – przeciwną osią. Wartość domyślna to 0. Ustaw jako 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do domyślnej osi należy przydzielić co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć legendę, a false oznacza, że seria nie powinna zawierać legendy. Wartość domyślna to true.

Możesz podać tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład poniższe 2 deklaracje są identyczne, a pierwsza seria jest czarna i nie występuje w legendzie, a czwarta jest czerwona i nie ma jej w legendzie: 

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

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

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

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

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

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

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

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

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

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

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

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

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

Typ: boolean
Osie vO

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

Aby utworzyć wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru vAxes. Ten przykład przypisuje serię 2 do prawej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

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

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

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

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

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

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

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

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

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu, który go zawiera.

Opcje konfiguracji wykresu liniowego

Nazwa
Kolor tła

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

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

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

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

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

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
Typ krzywej

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

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

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

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

Kierunek, w którym rosną wartości wzdłuż osi poziomej. Podaj -1, aby odwrócić kolejność wartości.

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

Obiekt z właściwościami pozwalającymi skonfigurować linie 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 w tym przykładzie: 

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

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

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

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

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

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

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

hAxis, która przekształca oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw „true” na „tak”.

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

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

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

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędne

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

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

Typ: object
Wartość domyślna: null
hAxis.podrzędnasiatka.kolor.

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

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

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

Typ: number
Wartość domyślna: 1
Wartość minimalna hAxis

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

Typ: number
Domyślnie:automatycznie.
hAxis.textPosition

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

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

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

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

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

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

hAxis, która określa tytuł osi poziomej.

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

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

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

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

Czy ma odgadnąć liczbę brakujących punktów. Jeśli właściwość true, odgaduje wartość brakujących danych na podstawie sąsiednich punktów. Jeśli ustawiona jest wartość false, pozostawi ona przerwę w wierszu w nieznanym punkcie.

Tego typu danych nie są obsługiwane na wykresach warstwowych z opcją isStacked: true/'percent'/'relative'/'absolute'.

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

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

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

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

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

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

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

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

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

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

Typ: number
Wartość domyślna: 2
kształt punktu

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

Typ: string
Wartość domyślna: 'circle'
rozmiar punktu

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

Typ: number
Wartość domyślna: 0
odwróć Kategorie

Jeśli ma wartość true, rysuje serię od prawej do lewej. Domyślnym ustawieniem jest rysowanie od lewej do prawej.

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

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

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

  • annotations – obiekt do zastosowania w adnotacjach tej serii. Może to służyć do kontrolowania na przykład parametru textStyle serii: 

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

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

  • type – typ znacznika tej serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że w rzeczywistości słupki są pionowe (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • color – kolor używany w tej serii. Określ prawidłowy ciąg znaków HTML koloru.
  • curveType – zastępuje globalną wartość curveType dla tej serii.
  • labelInLegend – opis serii widoczny w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • targetAxisIndex – do której osi przypisać daną serię, gdzie 0 jest domyślną osią, a 1 – przeciwną osią. Wartość domyślna to 0. Ustaw jako 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do domyślnej osi należy przydzielić co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć legendę, a false oznacza, że seria nie powinna zawierać legendy. Wartość domyślna to true.

Możesz podać tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład poniższe 2 deklaracje są identyczne, a pierwsza seria jest czarna i nie występuje w legendzie, a czwarta jest czerwona i nie ma jej w legendzie: 

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

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

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

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

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

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

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

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
traktuj etykietyAsText

Jeśli ma wartość true, wykres będzie traktować tę kolumnę jako kolumnę tekstową.

Typ: boolean
linie trendu

Wyświetla linie trendu na obsługujących je wykresach. Domyślnie używane są linie trendu linear, ale można to dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla poszczególnych serii, więc najczęściej dostępne opcje będą wyglądać tak: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Wartość domyślna: null
linie trendu.n.kolor

Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy.

Typ: string
Domyślny:domyślny kolor serii.
trendlines.n.stopień

W przypadku linii trendu wartości type: 'polynomial' jest to stopień wielomianu (2 dla kwadratowego, 3 dla sześciennego itd.).

Typ: number
Wartość domyślna: 3
trendlines.n.labelInLegend

Jeśli jest ustawiony, linia trendu pojawi się w legendzie jako ten ciąg.

Typ: string
Wartość domyślna: null
trendlines.n.lineWidth,

Szerokość linii linii trendu w pikselach.

Typ: number
Wartość domyślna: 2
linie trendu.n.typ

Określa, czy linie trendu to 'linear' (domyślnie), 'exponential' czy 'polynomial'.

Typ: string
Wartość domyślna: linear
trendlines.n.visibleInLegend

Czy w legendzie występuje równanie linii trendu . Pojawi się w etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
użyjPierwszaKolumnajakoDomena

Jeśli ma wartość true, wykres będzie traktować tę kolumnę jako domenę.

Typ: boolean
Osie vO

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby utworzyć wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru vAxes. Ten przykład przypisuje serię 2 do prawej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
Oś v

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
Linie vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki wewnątrz obszaru wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count,

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa jest skalą logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej do określonej wartości. Na większości wykresów będzie ona rosnąć. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość „y” danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

Kolor pionowych podrzędnych linii siatki wewnątrz obszaru wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

Przenosi minimalną wartość na osi pionowej do określonej wartości. Na większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „ładne” lub „zmaksymalizowane”.

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „ładne” lub „zmaksymalizowane”.

Typ: number
Domyślnie: automatycznie.

Opcje konfiguracji wykresu organizacyjnego

Nazwa
kolor

Kolor tła elementów wykresu organizacyjnego.

Typ: string
Wartość domyślna: '#edf7ff'
Kolor zaznaczenia

Kolor tła wybranych elementów wykresu organizacyjnego.

Typ: string
Wartość domyślna: '#d6e9f8'
rozmiar

Ogólny rozmiar wykresu. Dostępne opcje to 'small', 'medium' lub 'large'.

Typ: string
Wartość domyślna: 'medium'

Opcje konfiguracji wykresu kołowego

Nazwa
Kolor tła

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
obszarwykresu

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba, po której następuje znak %. Liczba zwykła to wartość w pikselach, a liczba, po której następuje „%” to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
is3D

Jeśli wybierzesz true, wyświetli się trójwymiarowy wykres.

Typ: boolean
Wartość domyślna: false
legenda

Obiekt z elementami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legenda.pozycja

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem, że z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda była po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
styl LegendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
PieHole

Jeśli mieści się w zakresie od 0 do 1, wyświetlany jest wykres pierścieniowy. Promień otworu jest równy number razy promień wykresu.

Typ: number
Wartość domyślna: 0
KolorSliceSlice

Kolor obramowania wycinka. Ma zastosowanie tylko wtedy, gdy wykres jest dwuwymiarowy.

Typ: string
Wartość domyślna: 'white'
pieSliceText,

Treść tekstu wyświetlanego w wycinku. Użyj jednego z tych rodzajów wartości:

  • 'percentage' – procentowy udział wycinka w całkowitej liczbie.
  • 'value' – wartość ilościowa wycinka.
  • 'label' – nazwa wycinka.
  • 'none' – nie wyświetla się tekst.
Typ: string
Wartość domyślna: 'percentage'
StylSliceTextStyle

Obiekt określający styl tekstu wycinka. Obiekt ma taki format:

{color: <string>, fontName: <string>, fontSize: <number>}

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
odwróć Kategorie

Jeśli ma wartość true, rysuje serię od prawej do lewej. Domyślnym ustawieniem jest rysowanie od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
wycinki.kolor

Kolor, który zostanie użyty w tym wycinku.

Typ: string
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

Opcje konfiguracji wykresu punktowego

Nazwa
Kolor tła

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ:string
Wartość domyślna: 'white'
obszarwykresu

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba, po której następuje znak %. Liczba zwykła to wartość w pikselach, a liczba, po której następuje „%” to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
Typ krzywej

Steruje krzywą linii, gdy szerokość linii nie wynosi zero. Użyj jednego z tych rodzajów wartości:

  • 'none' – linie proste bez krzywych.
  • 'function' – kąty linii zostaną wygładzone.
Typ:string
Wartość domyślna: „brak”.
oś

Obiekt z elementami służącymi do konfigurowania różnych elementów na osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości wzdłuż osi poziomej. Podaj -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
Linie hAxis.gridlines

Obiekt z właściwościami pozwalającymi skonfigurować linie 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 w tym przykładzie: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki wewnątrz obszaru wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count,

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

hAxis, która przekształca oś poziomą w skalę logarytmiczną (wymaga, by wszystkie wartości były dodatnie). Ustaw „true” na „tak”.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej do określonej wartości. Na większości wykresów będzie to widoczne w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędne

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.podrzędnasiatka.kolor.

Kolor poziomych podrzędnych linii siatki wewnątrz obszaru wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem pomocnych w wyłączaniu mniejszych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą przestrzenią (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
Wartość minimalna hAxis

Przenosi minimalną wartość osi poziomej do określonej wartości. Na większości wykresów będzie to ruch w lewo. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie:automatycznie.
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
legenda

Obiekt z elementami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legenda.pozycja

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem, że z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda była po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top'– nad wykresem.
Typ: string
Wartość domyślna: 'right'
styl LegendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
szerokość linii

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i wyświetlić tylko punkty, użyj wartości 0. Za pomocą właściwości series możesz zastąpić wartości dla poszczególnych serii.

Typ: number
Wartość domyślna: 2
kształt punktu

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Przykłady znajdziesz w dokumentacji punktów .

Typ: string
Wartość domyślna: 'circle'
rozmiar punktu

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, użyj zera. Za pomocą właściwości series możesz zastąpić wartości w przypadku poszczególnych serii. Jeśli używasz linii trendu, na szerokość linii trendu wpłynie opcja pointSize, chyba że zastąpisz ją opcją trendlines.n.pointsize.

Typ: number
Wartość domyślna: 0
seriale

Tablica obiektów, z których każdy opisuje format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych serii, podaj pusty obiekt {}. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor używany w tej serii. Określ prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii widoczny w legendzie wykresu.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć legendę, a false oznacza, że seria nie powinna zawierać legendy. Wartość domyślna to true.

Możesz podać tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład poniższe 2 deklaracje są identyczne, a pierwsza seria jest czarna i nie występuje w legendzie, a czwarta jest czerwona i nie ma jej w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu oraz rysuje legendę i wszystkie etykiety w obszarze wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
traktuj etykietyAsText

Jeśli ma wartość true, wykres będzie traktować tę kolumnę jako kolumnę tekstową.

Typ: boolean
linie trendu

Wyświetla linie trendu na obsługujących je wykresach. Domyślnie używane są linie trendu linear, ale można to dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla poszczególnych serii, więc najczęściej dostępne opcje będą wyglądać tak: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Wartość domyślna: null
linie trendu.n.kolor

Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy.

Typ: string
Domyślny:domyślny kolor serii.
trendlines.n.stopień

W przypadku linii trendu wartości type: 'polynomial' jest to stopień wielomianu (2 dla kwadratowego, 3 dla sześciennego itd.).

Typ: number
Wartość domyślna: 3
trendlines.n.labelInLegend

Jeśli jest ustawiony, linia trendu pojawi się w legendzie jako ten ciąg.

Typ: string
Wartość domyślna: null
trendlines.n.lineWidth,

Szerokość linii linii trendu w pikselach.

Typ: number
Wartość domyślna: 2
linie trendu.n.typ

Określa, czy linie trendu to 'linear' (domyślnie), 'exponential' czy 'polynomial'.

Typ: string
Wartość domyślna: linear
trendlines.n.visibleInLegend

Czy w legendzie występuje równanie linii trendu . Pojawi się w etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
użyjPierwszaKolumnajakoDomena

Jeśli ma wartość true, wykres będzie traktować tę kolumnę jako domenę.

Typ: boolean
Osie vO

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby utworzyć wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru vAxes. Ten przykład przypisuje serię 2 do prawej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
Oś v

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
Linie vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki wewnątrz obszaru wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count,

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa jest skalą logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej do określonej wartości. Na większości wykresów będzie ona rosnąć. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość „y” danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

Kolor pionowych podrzędnych linii siatki wewnątrz obszaru wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

Przenosi minimalną wartość na osi pionowej do określonej wartości. Na większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „ładne” lub „zmaksymalizowane”.

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „ładne” lub „zmaksymalizowane”.

Typ: number
Domyślnie: automatycznie.

Opcje konfiguracji wykresu warstwowego krokowego

Nazwa
obszarPrzezroczystość

Domyślna przezroczystość kolorowego obszaru pod serią wykresów warstwowych, gdzie 0.0 jest całkowicie przezroczysta, a 1.0 – całkowicie nieprzezroczysta. Aby określić przezroczystość pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

Typ: number, 0.0- 1.0
Wartość domyślna: 0.3
Kolor tła

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML.

Typ: string
Wartość domyślna: 'white'
obszarwykresu

Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba, po której następuje znak %. Liczba zwykła to wartość w pikselach, a liczba, po której następuje „%” to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
wykresArea.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. Używany obiekt może mieć te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o danej szerokości (i koloru stroke).
Typ: string lub object
Wartość domyślna: 'white'
wykresArea.height,

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.left,

Jak daleko od lewej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
wykresArea.top

Jak daleko od górnej krawędzi narysować wykres.

Typ: number lub string
Domyślnie: automatycznie.
szerokość_wykresu.szerokość

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie.
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
oś

Obiekt z elementami służącymi do konfigurowania różnych elementów na osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości wzdłuż osi poziomej. Podaj -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie: automatycznie.
hAxis.viewWindow.min

Minimalna wartość danych w poziomie do wyrenderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie: automatycznie.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
Skumulowane

Jeśli ma wartość true, elementy ze wszystkich serii w poszczególnych wartościach domeny są łączone w stosy. Uwaga: na wykresach Kolumna, Obszar i Obszar schodkowy wykres Google odwraca kolejność elementów legendy, aby lepiej pasowała do sposobu ułożenia elementów serii (np. seria 0 będzie najniższym elementem legendy). Nie dotyczy to wykresów słupkowych.

Opcja isStacked obsługuje też stos 100%, w którym stosy elementów w każdej wartości domeny są skalowane w celu dodania 100%.

Opcje dla isStacked to:

  • false – elementy nie będą się nakładać na siebie. Jest to opcja domyślna.
  • true – stos elementów wszystkich serii w każdej wartości domeny.
  • 'percent' – stosuje elementy wszystkich serii w każdej wartości domeny i przeskaluje je w taki sposób, aby sumowały się do 100%, przy czym wartość każdego elementu jest obliczana jako wartość procentowa 100%.
  • 'relative' – stosuje elementy wszystkich serii w każdej wartości domeny i przeskaluje je tak, aby sumowały się do 1, a wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku skumulowania 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.

Oś docelowa będzie domyślnie wybierać wartości na podstawie względnej skali od 0 do 1 jako ułamków 1: 'relative' oraz 0–100% dla parametru 'percent'. (Uwaga: w przypadku opcji 'percent' wartości osi/kliknięć są wyświetlane jako wartości procentowe, natomiast rzeczywiste wartości są względnymi wartościami skali 0–1). Znaczniki osi procentowej wynikają z zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz metody isStacked: 'percent', pamiętaj, by określić znaczniki/linie siatki przy użyciu względnych wartości skali od 0 do 1. Za pomocą odpowiednich opcji hAxis/vAxis możesz dostosować linie siatki i wartości znaczników oraz formatowanie.

Stos 100% obsługuje tylko wartości danych typu number, a punkt odniesienia musi mieć wartość bazową równą 0.

Typ: boolean/ string
Wartość domyślna: false
legenda

Obiekt z elementami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legenda.pozycja

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem, że z lewą oś nie są powiązane żadne serie. Jeśli chcesz, aby legenda była po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – nie jest wyświetlana legenda.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
styl LegendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
odwróć Kategorie

Jeśli ma wartość true, rysuje serię od prawej do lewej. Domyślnym ustawieniem jest rysowanie od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
seriale

Tablica obiektów, z których każdy opisuje format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych serii, określ pusty obiekt {}. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • areaOpacity – zastępuje globalną wartość areaOpacity tej serii.
  • color – kolor używany w tej serii. Określ prawidłowy ciąg znaków HTML koloru.
  • type – typ znacznika tej serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że w rzeczywistości słupki są pionowe (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • labelInLegend – opis serii widoczny w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • targetAxisIndex – do której osi przypisać daną serię, gdzie 0 jest domyślną osią, a 1 – przeciwną osią. Wartość domyślna to 0. Ustaw jako 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do domyślnej osi należy przydzielić co najmniej 1 serię. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć legendę, a false oznacza, że seria nie powinna zawierać legendy. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w przypadku którego każdy element podrzędny ma klucz liczbowy wskazujący, do której serii ma zastosowanie.Na przykład dwie deklaracje są identyczne, a pierwsza seria jest czarna, której nie ma w legendzie, a czwarta jako czerwona i nieobecna w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współdziałają ze sobą w celu uzyskania określonego działania na wykresie lub efektu wizualnego. Obecnie dostępny jest tylko jeden motyw:

  • 'maximized' – maksymalizuje obszar wykresu oraz rysuje legendę i wszystkie etykiety w obszarze wykresu.
Typ: string
Wartość domyślna: null
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
traktuj etykietyAsText

Jeśli ma wartość true, wykres będzie traktować tę kolumnę jako kolumnę tekstową.

Typ: boolean
użyjPierwszaKolumnajakoDomena

Jeśli ma wartość true, wykres będzie traktować tę kolumnę jako domenę.

Typ: boolean
Osie vO

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne tej samej usługi.

Aby utworzyć wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą parametru vAxes. Ten przykład przypisuje serię 2 do prawej osi i określa dla niej 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, każda z etykietą numeryczną określającą oś. Jest to format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład poniższy zapis w stylu tablicy jest taki sam jak obiekt vAxis pokazany powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna: null
Oś v

Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
Linie vAxis.gridlines

Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak w tym przykładzie: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki wewnątrz obszaru wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count,

Przybliżona liczba poziomych linii siatki wewnątrz obszaru wykresu. Jeśli podasz liczbę dodatnią w polu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby rysować tylko 1 linię siatki, lub 0, aby nie rysować linii siatki. Określ domyślną wartość -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli ustawiona jest wartość true, oś pionowa jest skalą logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej do określonej wartości. Na większości wykresów będzie ona rosnąć. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość „y” danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie:automatycznie.
Linie siatki.podrzędnej osi

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.podrzędnasiatka.kolor.

Kolor pionowych podrzędnych linii siatki wewnątrz obszaru wykresu. Określ prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślne: połączenie kolorów siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count została w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy od odstępu między głównymi liniami siatki i minimalnej wymaganej przestrzeni.

Typ: number
Wartość domyślna: 1
Wartość minimalna osi.

Przenosi minimalną wartość na osi pionowej do określonej wartości. Na większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Wartość domyślna: bez tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „ładne” lub „zmaksymalizowane”.

Typ: number
Domyślnie: automatycznie.
vAxis.viewWindow.min

Minimalna wartość danych pionowych do wyrenderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „ładne” lub „zmaksymalizowane”.

Typ: number
Domyślnie: automatycznie.
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu, który go zawiera.

Opcje konfiguracji wykresu tabelarycznego

Nazwa
naprzemiennyRowStyle

Określa, czy naprzemienny styl kolorów zostanie przypisany do wierszy nieparzystych i parzystych.

Typ: boolean
Wartość domyślna: true
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
strona

Czy i jak włączyć stronicowanie danych? Wybierz jedną z tych wartości parametru string:

  • 'enable' – tabela zawiera przyciski przechodzenia do przodu i do tyłu. Kliknięcie tych przycisków spowoduje uruchomienie podziału na strony i zmianę wyświetlanej strony. Warto 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. Tej opcji należy używać, gdy kod implementuje własną logikę przełączania stron. Przykład obsługi zdarzeń stronicowania znajdziesz w przykładzie TableQueryWrapper.
  • 'disable' – [wartość domyślna] strony nie są obsługiwane.
    • Typ: string
    Wartość domyślna: 'disable'
pageSize (rozmiar_strony)

Liczba wierszy na każdej stronie, gdy stronicowanie jest włączone za pomocą opcji strony.

Typ: number
Wartość domyślna: 10
showRowNumber

Jeśli ma wartość true, wyświetla numer wiersza jako pierwszą kolumnę tabeli.

Typ: boolean
Wartość domyślna: false
sortuj

Czy i jak sortować kolumny po kliknięciu nagłówka kolumny przez użytkownika. Jeśli włączone jest sortowanie, możesz też ustawić właściwości sortAscending i sortColumn. Wybierz jedną z tych wartości string:

  • 'enable' – [wartość domyślna]: użytkownicy mogą klikać nagłówki kolumn, aby posortować je według klikniętej kolumny. Gdy użytkownik kliknie nagłówek kolumny, wiersze zostaną automatycznie posortowane i wywoływane jest zdarzenie 'sort'.
  • 'event' – gdy użytkownik kliknie nagłówek kolumny, wywoływane jest zdarzenie 'sort', ale wiersze nie są sortowane automatycznie. Tej opcji należy używać, gdy strona implementuje własne sortowanie. Przykład obsługi zdarzeń sortowania znajdziesz w przykładzie TableQueryWrapper.
  • 'disable'Kliknięcie nagłówka kolumny nie przynosi efektu.
Typ: string
Wartość domyślna: 'enable'
sortuj rosnąco

Kolejność sortowania początkowej kolumny sortowania. True – rosnąco, false – malejąco. Ignorowana, jeśli nie określono sortColumn.

Typ: boolean
Wartość domyślna: true
sortColumn

Indeks kolumny w tabeli danych, według której tabela jest początkowo sortowana. Kolumna jest oznaczona małą strzałką wskazującą kolejność sortowania.

Typ: number
Wartość domyślna: -1
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu, który go zawiera.

Opcje konfiguracji osi czasu

Nazwa
Kolor tła

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. 'red' lub '#00cc00', albo obiekt o tych właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, z których każdy element to ciąg znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów tekstowych
Domyślne:kolory domyślne.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu zawierającego ten element
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu, który go zawiera.

Opcje konfiguracji mapy drzewa

Nazwa
Kolor nagłówka

Kolor sekcji nagłówka dla każdego węzła. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #988f86
maxColor

Kolor prostokąta z wartością w kolumnie 3 równą maxColorValue. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #00dd00
maxDepth,

Maksymalna liczba poziomów węzłów wyświetlanych w bieżącym widoku. Poziomy zostaną połączone w bieżącą płaszczyznę. Jeśli Twoje drzewo ma więcej poziomów, musisz przejść w górę lub w dół, aby je zobaczyć. Poniżej możesz też zobaczyć maxPostDepth poziomów w postaci zacienionych prostokątów w tych węzłach.

Typ: number
Wartość domyślna: 1
maxPostDepth

Liczba poziomów węzłów poza maxDepth, które mają być wyświetlane na podstawie podpowiedzi. Węzły z podpowiedzią są wyświetlane jako zacienione prostokąty w węźle, który mieści się w limicie maxDepth.

Typ: number
Wartość domyślna: 0
MidColor

Kolor prostokąta z wartością kolumny 3 znajdującą się w połowie zakresu od maxColorValue do minColorValue. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #000000
minColor

Kolor prostokąta, którego wartość w kolumnie 3 to minColorValue. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #dd0000
noColor

Kolor prostokąta, gdy węzeł nie ma wartości w kolumnie 3, a ten węzeł jest liściem (lub zawiera tylko liście). Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #000000
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Wartość domyślna: bez tytułu
stylTekstupodtytułu

Obiekt określający styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
Styl tekstu

Obiekt określający styl tekstu tytułu. Kolorem może być dowolny ciąg znaków HTML, np. 'red' lub '#00cc00'. Sprawdzaj też nazwy czcionek fontName i fontSize.

Typ: object
Domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
title

Tekst do wyświetlenia nad wykresem.

Typ: string
Wartość domyślna: bez tytułu
StylTekstu

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML, np. 'red' lub '#00cc00'. Zobacz też: fontName i fontSize.

Typ: object
Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}