Opcje konfiguracji wykresu

Typy wykresów

Opcje konfiguracji wykresu adnotacji

Nazwa
kolory

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

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

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

Kontur w selektorze powiększenia to wersja pierwszej serii na wykresie w skali logarytmicznej, dostosowana do wysokości selektora powiększenia.

Typ: boolean
Domyślnie: true
displayZoomButtons

Określa, czy mają być widoczne przyciski powiększania i pomniejszania („1d 5d 1m” itd.), gdzie false oznacza „nie”.

Typ: boolean
Domyślnie: true
maksimum

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

Jest to podobne do maxValue na wykresach podstawowych.

Typ: number
Domyślnie: automatyczne
min

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

Jest to podobne do minValue na wykresach podstawowych.

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wykresu powierzchniowego

Nazwa
areaOpacity

Domyślna nieprzejrzystość kolorowego obszaru w serii wykresów obszarowych, gdzie: 0.0 to pełna przezroczystość, a 1.0 to pełna nieprzejrzystość. Aby określić przezroczystość dla poszczególnych serii, ustaw wartość areaOpacity w właściwości series.

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

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

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

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

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

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

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

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

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

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

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

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

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

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

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

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

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

hAxis, która powoduje, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, aby odpowiedzieć „tak”.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej na wskazaną wartość. Większość wykresów przesuwa ją w prawo. Wartość ta jest ignorowana, jeśli jest mniejsza niż maksymalna wartość x danych. Właściwość hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
hAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osicontinuous.

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

Kolor poziomych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii siatki pomocniczej zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) oraz minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej na wskazaną wartość. Większość wykresów będzie przesunięta w lewo. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość x danych. Właściwość 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' i 'none'.

Typ: string
Domyślnie: 'out'
hAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: string
Domyślnie: null
hAxis.titleTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
interpolateNulls

Określa, czy należy zgadnąć wartość brakujących punktów. Jeśli true, funkcja zgaduje wartość brakujących danych na podstawie sąsiednich punktów. Jeśli false, w miejscu nieznanym nastąpi przerwa w linii.

Ta funkcja nie jest obsługiwana przez wykresy obszarowe z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Domyślnie: false
isStacked

Jeśli ustawisz wartość true, elementy wszystkich serii zostaną ułożone w każdej wartości domeny. Uwaga: w diagramach słupkowym, płaskim i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej pasowała do nakładania się elementów serii (np. seria 0 będzie elementem legendy znajdującym się najniżej). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też grupowanie elementów na 100%, w którym grupy elementów dla każdej wartości domeny są przekształcane tak, aby ich suma wynosiła 100%.

Opcje dotyczące isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – elementy wszystkich serii są grupowane według wartości w każdej domenie.
  • 'percent' – elementy wszystkich serii są umieszczane w każdej wartości domeny i przeskalowywane tak, aby ich suma wynosiła 100%, a wartość każdego elementu jest obliczana jako procent z łącznej wartości 100%.
  • 'relative' – elementy wszystkich serii są nakładane na siebie w przypadku każdej wartości domeny i przeskalane tak, aby ich suma wynosiła 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku nakładania 100% obliczona wartość każdego elementu będzie widoczna w skrótce po jego rzeczywistej wartości.

Domyślnie na osi docelowej będą wyświetlane wartości oparte na względnej skali 0–1 jako ułamki 1 w przypadku 'relative' i 0–100% w przypadku 'percent'. Uwaga: gdy używasz opcji 'percent', wartości osi/oznaczenia są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względne na skali 0–1. Dzieje się tak, ponieważ wartości na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości na skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określać linie siatki i linie pomocnicze za pomocą wartości względnych na skali od 0 do 1. Wartości siatek i kresek oraz formatowanie możesz dostosować, korzystając z odpowiednich opcji hAxis/vAxis.

Warstwy 100% obsługują tylko wartości danych typu number, które muszą mieć wartość podstawową 0.

Typ: boolean/string
Domyślnie: false
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, o ile lewa oś nie ma powiązanego z nią elementu series. Jeśli więc chcesz, aby legenda była po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Szerokość linii danych w pikselach. Wartość 0 powoduje ukrycie wszystkich linii i wyświetlenie tylko punktów. Za pomocą właściwości series możesz zastąpić wartości w poszczególnych seriach.

Typ: number
Domyślnie: 2
pointShape

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

Typ: string
Domyślnie: 'circle'
pointSize

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

Typ: number
Domyślnie: 0
reverseCategories

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

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Za pomocą tego parametru można sterować na przykład parametrem textStyle w przypadku serii: 

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

    Aby zobaczyć pełną listę opcji, które można dostosować, zapoznaj się z różnymi opcjami annotations.

  • areaOpacity – zastępuje globalną wartość areaOpacity w tej serii.
  • color – kolor używany w tej serii. Podaj prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle w tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth w tej serii.
  • pointShape – zastępuje globalną wartość pointShape w tej serii.
  • pointSize – zastępuje globalną wartość pointSize w tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible w tej serii.
  • targetAxisIndex – oś, do której ma zostać przypisana seria, gdzie 0 to domyślna oś, a 1 to oś przeciwna. Wartość domyślna to 0. Aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach, ustaw tę opcję na 1. Domyślnej osi musi zostać przypisana co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false – że nie powinna. Wartość domyślna to true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami.
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: boolean
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma kilka 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 właściwości.

Aby zdefiniować wykres z wieloma osiami pionowymi, najpierw określ nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu vAxes. W tym przykładzie seria 2 jest przypisana do osi poziomej po prawej stronie, a także ma określony niestandardowy tytuł i styl tekstu: 

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

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

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

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

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

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

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

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

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

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

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

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

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

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

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

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

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

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: 'out'
vAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa tytuł osi pionowej.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

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

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

Minimalna wartość danych pionowych do renderowania.

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

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wykresu słupkowego

Nazwa
backgroundColor

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

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

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

Typ:string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: numer lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

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

Określa właściwości poszczególnych osi poziomych, jeśli wykres ma kilka 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 właściwości.

Aby utworzyć wykres z wieloma poziomymi osiami, najpierw zdefiniuj nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu hAxes. W tym przykładzie seria 1 jest przypisana do osi dolnej, a także ma określony tytuł i styl tekstu:

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

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem hAxis pokazanym powyżej: 

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

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

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

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

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

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

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

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

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

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

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

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

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

hAxis, która powoduje, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, aby odpowiedzieć „tak”.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej na wskazaną wartość. Większość wykresów przesuwa ją w prawo. Wartość ta jest ignorowana, jeśli jest mniejsza niż maksymalna wartość x danych. Właściwość hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
hAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

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

Kolor poziomych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii siatki pomocniczej zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) oraz minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej na wskazaną wartość. Większość wykresów będzie przesunięta w lewo. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość x danych. Właściwość 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' i 'none'.

Typ: string
Domyślnie: 'out'
hAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: string
Domyślnie: null
hAxis.titleTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
isStacked

Jeśli ustawisz wartość true, elementy wszystkich serii zostaną ułożone w każdej wartości domeny. Uwaga: w diagramach słupkowym, płaskim i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej pasowała do nakładania się elementów serii (np. seria 0 będzie elementem legendy znajdującym się najniżej). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też grupowanie elementów na 100%, w którym elementy w każdej wartości domeny są przekształcane tak, aby ich suma wynosiła 100%.

Opcje dotyczące isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – elementy wszystkich serii są grupowane według wartości w każdej domenie.
  • 'percent' – elementy wszystkich serii są umieszczane w każdej wartości domeny i przeskalowywane tak, aby ich suma wynosiła 100%, a wartość każdego elementu jest obliczana jako procent z łącznej wartości 100%.
  • 'relative' – elementy wszystkich serii są nakładane na siebie w przypadku każdej wartości domeny i przeskalane tak, aby ich suma wynosiła 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku nakładania 100% obliczona wartość każdego elementu będzie widoczna w skrótce po jego rzeczywistej wartości.

Domyślnie na osi docelowej będą wyświetlane wartości oparte na względnej skali 0–1 jako ułamki 1 w przypadku 'relative' i 0–100% w przypadku 'percent'. Uwaga: gdy używasz opcji 'percent', wartości osi/oznaczenia są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względne na skali 0–1. Dzieje się tak, ponieważ wartości na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości na skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określać linie siatki i linie pomocnicze za pomocą wartości względnych na skali od 0 do 1. Wartości siatek i kresek oraz formatowanie możesz dostosować, korzystając z odpowiednich opcji hAxis/vAxis.

Warstwy 100% obsługują tylko wartości danych typu number, które muszą mieć wartość podstawową 0.

Typ: boolean/string
Domyślnie: false
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Za pomocą tego parametru można sterować na przykład parametrem textStyle w przypadku serii: 

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

    Aby zobaczyć pełną listę opcji, które można dostosować, zapoznaj się z różnymi opcjami annotations.

  • color – kolor do użycia w przypadku tej serii. Podaj prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • targetAxisIndex – oś, do której ma zostać przypisana seria, gdzie 0 to domyślna oś, a 1 to oś przeciwna. Wartość domyślna to 0. Aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach, ustaw tę opcję na 1. Domyślnej osi musi zostać przypisana co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false – że nie powinna. Wartość domyślna to true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami.
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

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

Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg znaków szesnastkowych.

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

W przypadku linii trendu type: 'polynomial' stopień wielomianu (2 dla kwadratowego, 3 dla sześcierzłotnego itd.).

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

Jeśli jest ustawiony, trendline będzie widoczna w legendzie jako ten ciąg znaków.

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

Szerokość linii trendu w pikselach.

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

Określa, czy trendlines to 'linear' (domyślnie), 'exponential' lub 'polynomial'.

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

Czy w legendzie ma się wyświetlać równanie trendu ? Pojawi się on w etykiecie linii trendu.

Typ: boolean
Domyślnie: false
useFirstColumnAsDomain

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

Typ: boolean
vAxis

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

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

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

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

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

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

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

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

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

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

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

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

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

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

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

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: 'out'
vAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa tytuł osi pionowej.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

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

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

Minimalna wartość danych pionowych do renderowania.

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

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wykresu bąbelkowego

Nazwa
backgroundColor

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

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

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

Typ: string
Domyślnie: 'white'
dymek

Obiekt z elementami do konfigurowania właściwości wizualnych bąbelków.

Typ: object
Domyślnie: null
bubble.opacity

Przezroczystość bąbelków: 0 oznacza pełną przezroczystość, a 1 – całkowity brak przezroczystości.

Typ: liczba z zakresu od 0,0 do 1,0.
Domyślnie: 0,8
bubble.stroke

Kolor obrysu bąbelków.

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

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

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

Wartość color może być dowolnym ciągiem znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest on rysowany, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

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

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

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

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

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

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

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

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

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

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

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

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

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

hAxis, która powoduje, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, aby odpowiedzieć „tak”.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej na wskazaną wartość. Większość wykresów przesuwa ją w prawo. Wartość ta jest ignorowana, jeśli jest mniejsza niż maksymalna wartość x danych. Właściwość hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
hAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

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

Kolor poziomych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii siatki pomocniczej zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) oraz minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej na wskazaną wartość. Większość wykresów będzie przesunięta w lewo. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość x danych. Właściwość 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' i 'none'.

Typ: string
Domyślnie: 'out'
hAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: string
Domyślnie: null
hAxis.titleTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Obiekt z elementami umożliwiającymi skonfigurowanie sposobu kojarzenia wartości z rozmiarem bąbelków. Aby określić właściwości tego obiektu, możesz użyć notacji obiektu, jak w tym przykładzie: 

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

Maksymalny promień największej możliwej bańki (w pikselach).

Typ: number
Domyślnie: 30
sizeAxis.minSize

Minimalny promień najmniejszej możliwej bańki (w pikselach).

Typ: number
Domyślna wartość: 5
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: boolean
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma kilka 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 właściwości.

Aby zdefiniować wykres z wieloma osiami pionowymi, najpierw określ nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu vAxes. W tym przykładzie seria 2 jest przypisana do osi poziomej po prawej stronie, a także ma określony niestandardowy tytuł i styl tekstu: 

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

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

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

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

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

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

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

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

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

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

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

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

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

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

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

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

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

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: 'out'
vAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa tytuł osi pionowej.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

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

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

Minimalna wartość danych pionowych do renderowania.

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

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji kalendarza

Nazwa
wysokość

Wysokość wykresu w pikselach.

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

Szerokość wykresu w pikselach.

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

Opcje konfiguracji wykresu świecowego

Nazwa
backgroundColor

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

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

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

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

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

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

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

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

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

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

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

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

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

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

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

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

hAxis, która powoduje, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, aby odpowiedzieć „tak”.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej na wskazaną wartość. Większość wykresów przesuwa ją w prawo. Wartość ta jest ignorowana, jeśli jest mniejsza niż maksymalna wartość x danych. Właściwość hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
hAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

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

Kolor poziomych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii siatki pomocniczej zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) oraz minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej na wskazaną wartość. Większość wykresów będzie przesunięta w lewo. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość x danych. Właściwość 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' i 'none'.

Typ: string
Domyślnie: 'out'
hAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: string
Domyślnie: null
hAxis.titleTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Typ: boolean
Domyślnie: false
seria

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

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

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami.
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma kilka 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 właściwości.

Aby zdefiniować wykres z wieloma osiami pionowymi, najpierw określ nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu vAxes. W tym przykładzie seria 2 jest przypisana do osi poziomej po prawej stronie, a także ma określony niestandardowy tytuł i styl tekstu: 

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

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

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

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

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

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

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

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

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

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

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

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

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

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

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

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

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

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: 'out'
vAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa tytuł osi pionowej.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

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

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

Minimalna wartość danych pionowych do renderowania.

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

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wykresu kolumnowego

Nazwa
backgroundColor

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

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

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

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

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

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

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

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

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

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

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

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

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

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

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

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

hAxis, która powoduje, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, aby odpowiedzieć „tak”.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej na wskazaną wartość. Większość wykresów przesuwa ją w prawo. Wartość ta jest ignorowana, jeśli jest mniejsza niż maksymalna wartość x danych. Właściwość hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
hAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osicontinuous.

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

Kolor poziomych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii siatki pomocniczej zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) oraz minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej na wskazaną wartość. Większość wykresów będzie przesunięta w lewo. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość x danych. Właściwość 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' i 'none'.

Typ: string
Domyślnie: 'out'
hAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: string
Domyślnie: null
hAxis.titleTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
isStacked

Jeśli ustawisz wartość true, elementy wszystkich serii zostaną ułożone w każdej wartości domeny. Uwaga: w diagramach słupkowym, płaskim i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej pasowała do nakładania się elementów serii (np. seria 0 będzie elementem legendy znajdującym się najniżej). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też grupowanie elementów na 100%, w którym grupy elementów dla każdej wartości domeny są przekształcane tak, aby ich suma wynosiła 100%.

Opcje dotyczące isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – elementy wszystkich serii są grupowane według wartości w każdej domenie.
  • 'percent' – elementy wszystkich serii są umieszczane w każdej wartości domeny i przeskalowywane tak, aby ich suma wynosiła 100%, a wartość każdego elementu jest obliczana jako procent z łącznej wartości 100%.
  • 'relative' – elementy wszystkich serii są nakładane na siebie w przypadku każdej wartości domeny i przeskalane tak, aby ich suma wynosiła 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku nakładania 100% obliczona wartość każdego elementu będzie widoczna w skrótce po jego rzeczywistej wartości.

Domyślnie na osi docelowej będą wyświetlane wartości oparte na względnej skali 0–1 jako ułamki 1 w przypadku 'relative' i 0–100% w przypadku 'percent'. Uwaga: gdy używasz opcji 'percent', wartości osi/oznaczenia są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względne na skali 0–1. Dzieje się tak, ponieważ wartości na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości na skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określać linie siatki i linie pomocnicze za pomocą wartości względnych na skali od 0 do 1. Wartości siatek i kresek oraz formatowanie możesz dostosować, korzystając z odpowiednich opcji hAxis/vAxis.

Warstwy 100% obsługują tylko wartości danych typu number, które muszą mieć wartość podstawową 0.

Typ: boolean/string
Domyślnie: false
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Za pomocą tego parametru można sterować na przykład parametrem textStyle w przypadku serii: 

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

    Aby zobaczyć pełną listę opcji, które można dostosować, zapoznaj się z różnymi opcjami annotations.

  • color – kolor do użycia w przypadku tej serii. Podaj prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • targetAxisIndex – oś, do której ma zostać przypisana seria, gdzie 0 to domyślna oś, a 1 to oś przeciwna. Wartość domyślna to 0. Aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach, ustaw tę opcję na 1. Domyślnej osi musi zostać przypisana co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami.
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

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

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

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

W przypadku linii trendu type: 'polynomial' stopień wielomianu (2 dla kwadratowego, 3 dla sześcierzłotnego itd.).

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

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

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

Szerokość linii trendu w pikselach.

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

Określa, czy trendlines ma wartość 'linear' (domyślnie), 'exponential' lub 'polynomial'.

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

Czy w legendzie ma się wyświetlać równanie trendu ? Pojawi się on w etykiecie linii trendu.

Typ: boolean
Domyślnie: false
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma kilka 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 właściwości.

Aby zdefiniować wykres z wieloma osiami pionowymi, najpierw określ nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu vAxes. W tym przykładzie seria 2 jest przypisana do osi poziomej po prawej stronie, a także ma określony niestandardowy tytuł i styl tekstu: 

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

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

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

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

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

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

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

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

Ta opcja jest obsługiwana tylko w przypadku osicontinuous.

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

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

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

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

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

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

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

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

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: 'out'
vAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa tytuł osi pionowej.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

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

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

Minimalna wartość danych pionowych do renderowania.

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

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wykresu mieszanego

Nazwa
areaOpacity

Domyślna nieprzejrzystość kolorowego obszaru w serii wykresów obszarowych, gdzie: 0.0 to pełna przezroczystość, a 1.0 to pełna nieprzejrzystość. Aby określić przezroczystość dla poszczególnych serii, ustaw wartość areaOpacity w właściwości series.

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

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

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

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

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

Określa krzywiznę linii, gdy jej szerokość nie jest równa 0. Użyj jednego z tych rodzajów wartości:

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku osicontinuous.

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

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

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

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

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

hAxis, która powoduje, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, aby odpowiedzieć „tak”.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej na wskazaną wartość. Większość wykresów przesuwa ją w prawo. Wartość ta jest ignorowana, jeśli jest mniejsza niż maksymalna wartość x danych. Właściwość hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
hAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

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

Kolor poziomych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii siatki pomocniczej zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) oraz minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej na wskazaną wartość. Większość wykresów będzie przesunięta w lewo. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość x danych. Właściwość 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' i 'none'.

Typ: string
Domyślnie: 'out'
hAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: string
Domyślnie: null
hAxis.titleTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
interpolateNulls

Określa, czy należy zgadnąć wartość brakujących punktów. Jeśli true, funkcja zgaduje wartość brakujących danych na podstawie sąsiednich punktów. Jeśli false, w miejscu nieznanym nastąpi przerwa w linii.

Ta funkcja nie jest obsługiwana przez wykresy obszarowe z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Domyślnie: false
isStacked

Jeśli ustawisz wartość true, elementy wszystkich serii zostaną ułożone w każdej wartości domeny. Uwaga: w diagramach słupkowym, płaskim i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej pasowała do nakładania się elementów serii (np. seria 0 będzie elementem legendy znajdującym się najniżej). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też grupowanie elementów na 100%, w którym grupy elementów dla każdej wartości domeny są przekształcane tak, aby ich suma wynosiła 100%.

Opcje dotyczące isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – elementy wszystkich serii są grupowane według wartości w każdej domenie.
  • 'percent' – elementy wszystkich serii są umieszczane w każdej wartości domeny i przeskalowywane tak, aby ich suma wynosiła 100%, a wartość każdego elementu jest obliczana jako procent z łącznej wartości 100%.
  • 'relative' – elementy wszystkich serii są nakładane na siebie w przypadku każdej wartości domeny i przeskalane tak, aby ich suma wynosiła 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku nakładania 100% obliczona wartość każdego elementu będzie widoczna w skrótce po jego rzeczywistej wartości.

Domyślnie na osi docelowej będą wyświetlane wartości oparte na względnej skali 0–1 jako ułamki 1 w przypadku 'relative' i 0–100% w przypadku 'percent'. Uwaga: gdy używasz opcji 'percent', wartości osi/oznaczenia są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względne na skali 0–1. Dzieje się tak, ponieważ wartości na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości na skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określać linie siatki i linie pomocnicze za pomocą wartości względnych na skali od 0 do 1. Wartości siatek i kresek oraz formatowanie możesz dostosować, korzystając z odpowiednich opcji hAxis/vAxis.

Warstwy 100% obsługują tylko wartości danych typu number, które muszą mieć wartość podstawową 0.

Typ: boolean/string
Domyślnie: false
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Szerokość linii danych w pikselach. Wartość 0 powoduje ukrycie wszystkich linii i wyświetlenie tylko punktów. Za pomocą właściwości series możesz zastąpić wartości w poszczególnych seriach.

Typ: number
Domyślnie: 2
pointShape

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

Typ: string
Domyślnie: 'circle'
pointSize

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

Typ: number
Domyślnie: 0
reverseCategories

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

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Za pomocą tego parametru można sterować na przykład parametrem textStyle w przypadku serii: 

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

    Aby zobaczyć pełną listę opcji, które można dostosować, zapoznaj się z różnymi opcjami annotations.

  • areaOpacity – zastępuje globalną wartość areaOpacity w tej serii.
  • color – kolor do użycia w przypadku tej serii. Podaj prawidłowy ciąg znaków HTML określający kolor.
  • curveType – zastępuje globalną wartość curveType w tej serii.
  • fallingColor.fill – zastępuje globalną wartość candlestick.fallingColor.fill w przypadku tej serii.
  • fallingColor.stroke – zastępuje globalną wartość candlestick.fallingColor.stroke w przypadku tej serii.
  • fallingColor.strokeWidth – zastępuje globalną wartość candlestick.fallingColor.strokeWidth w przypadku tej serii.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle w tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth w tej serii.
  • pointShape – zastępuje globalną wartość pointShape w tej serii.
  • pointSize – zastępuje globalną wartość pointSize w tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible w tej serii.
  • risingColor.fill – zastępuje globalną wartość candlestick.risingColor.fill w przypadku tej serii.
  • risingColor.stroke – zastępuje globalną wartość candlestick.risingColor.stroke w przypadku tej serii.
  • risingColor.strokeWidth – zastępuje globalną wartość candlestick.risingColor.strokeWidth w przypadku tej serii.
  • targetAxisIndex – oś, do której ma zostać przypisana seria, gdzie 0 to domyślna oś, a 1 to oś przeciwna. Wartość domyślna to 0. Aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach, ustaw tę opcję na 1. Domyślnej osi musi zostać przypisana co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • type – typ znacznika w tej serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że są to pionowe paski (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false – że nie powinna. Wartość domyślna to true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami.
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma kilka 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 właściwości.

Aby zdefiniować wykres z wieloma osiami pionowymi, najpierw określ nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu vAxes. W tym przykładzie seria 2 jest przypisana do osi poziomej po prawej stronie, a także ma określony niestandardowy tytuł i styl tekstu: 

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

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

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

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

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

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

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

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

Ta opcja jest obsługiwana tylko w przypadku osicontinuous.

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

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

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

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

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

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

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

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

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: 'out'
vAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa tytuł osi pionowej.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

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

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

Minimalna wartość danych pionowych do renderowania.

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

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wskaźnika

Nazwa
greenColor

Kolor używany w sekcji zielonej w notacji kolorów HTML.

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

Najniższa wartość w zakresie oznaczonym na zielono.

Typ: number
Domyślnie: brak
greenTo

Najwyższa wartość zakresu zaznaczona na zielono.

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

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość kontenera
maksimum

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

Jest to podobne do maxValue na wykresach podstawowych.

Typ: number
Domyślnie: automatyczne
min

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

Jest to podobne do minValue na wykresach podstawowych.

Typ: number
Domyślnie: automatyczne
redColor

Kolor używany w sekcji czerwonej w notacji kolorów HTML.

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

Najniższa wartość w zakresie zaznaczona na czerwono.

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

Najwyższa wartość zakresu zaznaczona na czerwono.

Typ: number
Domyślnie: brak
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość kontenera
yellowColor

Kolor używany w żółtej sekcji w notacji kolorów HTML.

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

Najniższa wartość zakresu oznaczona na żółto.

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

Najwyższa wartość zakresu oznaczona na żółto.

Typ: number
Wartość domyślna: brak

Opcje konfiguracji wykresu geograficznego

Nazwa
backgroundColor

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

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

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

Typ: string
Domyślnie: 'white'
datalessRegionColor

Kolor do przypisania regionom bez powiązanych danych.

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

Kolor, którego należy użyć dla punktów danych na wykresie geograficznym, gdy lokalizacja (np. 'US' ), ale jego wartość to null lub nieokreślona. Różnica polega na tym, że datalessRegionColor to kolor używany, gdy brakuje danych.

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

Rodzaj wykresu geograficznego. Format tabeli danych musi być zgodny z wartością. Obsługiwane są te wartości:

  • 'auto' – wybierz format tabeli danych.
  • 'regions' – nadawanie kolorów regionom na geodiagramie.
  • 'markers' – umieść znaczniki na regionach.
  • 'text' – oznaczenie regionów tekstem z tabeli DataTable.
Typ: string
Domyślnie: „auto”.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
legenda

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

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Obszar do wyświetlenia na wykresie geograficznym. Wyświetlane są też obszary otaczające. Może być jedną z tych wartości:

  • 'world' – wykres geograficzny obejmujący cały świat.
  • Kontynent lub subkontynent określony za pomocą 3-cyfrowego kodu, np. '011' dla Afryki Zachodniej.
  • Kraj określony za pomocą kodu ISO 3166-1 alfa-2, na przykład 'AU' w Australii.
  • stan w Stanach Zjednoczonych, określony za pomocą kodu ISO 3166-2:US, np. 'US-AL' w Alabamie. Pamiętaj, że opcja resolution musi mieć wartość 'provinces' lub 'metros'.
Typ: string
Domyślna: „world”.
szerokość

Szerokość wykresu w pikselach.

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

Opcje konfiguracji histogramu

Nazwa
backgroundColor

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

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

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używasz ciągu tekstowego, może to być ciąg znaków szesnastkowych (np. '#fdc') lub nazwy koloru w języku angielskim. Jeśli używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg heksadecymalny lub angielska nazwa koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o określonej szerokości (i w kolorze stroke).
Typ: string lub object/div>
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

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

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

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

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

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

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

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

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

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

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

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

Obiekt z elementami do konfigurowania drobnych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osicontinuous.

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

Kolor poziomych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii siatki pomocniczej zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) oraz minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.textPosition

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

Typ: string
Domyślnie: 'out'
hAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: string
Domyślnie: null
hAxis.titleTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
histogram.bucketSize

Rozmiar każdego słupka histogramu należy zakodować na stałe, zamiast określać go za pomocą algorytmu.

Typ: number
Domyślnie: automatycznie
histogram.hideBucketItems

pomijanie cienkich podziałów między blokami histogramu, dzięki czemu staje się on serią pełnych belek;

Typ: boolean
Domyślnie: false
histogram.lastBucketPercentile

Podczas obliczania rozmiaru przedziału histogramu ignoruj najwyższe i najniższe lastBucketPercentile procent. Wartości te są nadal uwzględniane w histogramie, ale nie wpływają na grupowanie.

Typ: number
Domyślnie: 0
interpolateNulls

Określa, czy należy zgadnąć wartość brakujących punktów. Jeśli true, funkcja zgaduje wartość brakujących danych na podstawie sąsiednich punktów. Jeśli false, linia zostanie przerwana w nieznanym punkcie.

Ta funkcja nie jest obsługiwana przez wykresy obszarowe z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Domyślnie: false
isStacked

Jeśli ustawisz wartość true, elementy wszystkich serii zostaną ułożone w każdej wartości domeny. Uwaga: w diagramach słupkowym, płaskim i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej pasowała do nakładania się elementów serii (np. seria 0 będzie elementem legendy znajdującym się najniżej). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też grupowanie elementów na 100%, w którym grupy elementów dla każdej wartości domeny są przekształcane tak, aby ich suma wynosiła 100%.

Opcje dotyczące isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – elementy wszystkich serii są grupowane według wartości w każdej domenie.
  • 'percent' – elementy wszystkich serii są umieszczane w każdej wartości domeny i przeskalowywane tak, aby ich suma wynosiła 100%, a wartość każdego elementu jest obliczana jako procent z łącznej wartości 100%.
  • 'relative' – elementy wszystkich serii są nakładane na siebie w przypadku każdej wartości domeny i przeskalane tak, aby ich suma wynosiła 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku nakładania 100% obliczona wartość każdego elementu będzie widoczna w skrótce po jego rzeczywistej wartości.

Domyślnie na osi docelowej będą wyświetlane wartości oparte na względnej skali 0–1 jako ułamki 1 w przypadku 'relative' i 0–100% w przypadku 'percent'. Uwaga: gdy używasz opcji 'percent', wartości osi/oznaczenia są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względne na skali 0–1. Dzieje się tak, ponieważ wartości na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości na skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określać linie siatki i linie pomocnicze za pomocą wartości względnych na skali od 0 do 1. Wartości siatek i kresek oraz formatowanie możesz dostosować, korzystając z odpowiednich opcji hAxis/vAxis.

Warstwy 100% obsługują tylko wartości danych typu number, które muszą mieć wartość podstawową 0.

Typ: boolean/string
Domyślnie: false
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Typ: boolean
Domyślnie: false
seria

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

  • color – kolor do użycia w przypadku tej serii. Podaj prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • targetAxisIndex – oś, do której ma zostać przypisana seria, gdzie 0 to domyślna oś, a 1 to oś przeciwna. Wartość domyślna to 0. Aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach, ustaw tę opcję na 1. Domyślnej osi musi zostać przypisana co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false – że nie powinna. Wartość domyślna to true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami.
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma kilka 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 właściwości.

Aby zdefiniować wykres z wieloma osiami pionowymi, najpierw określ nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu vAxes. W tym przykładzie seria 2 jest przypisana do osi poziomej po prawej stronie, a także ma określony niestandardowy tytuł i styl tekstu: 

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

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

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

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

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

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

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

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

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

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

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

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

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

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

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

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

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

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: 'out'
vAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa tytuł osi pionowej.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

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

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

Minimalna wartość danych pionowych do renderowania.

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

Typ: number
Domyślnie: automatycznie
szerokość

Szerokość wykresu w pikselach.

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

Opcje konfiguracji wykresu liniowego

Nazwa
backgroundColor

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

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

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

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

Określa krzywiznę linii, gdy jej szerokość nie jest równa 0. Użyj jednego z tych rodzajów wartości:

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

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

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

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

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

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

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

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

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

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

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

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

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

hAxis, która powoduje, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, aby odpowiedzieć „tak”.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej na wskazaną wartość. Większość wykresów przesuwa ją w prawo. Wartość ta jest ignorowana, jeśli jest mniejsza niż maksymalna wartość x danych. Właściwość hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
hAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

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

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

Kolor poziomych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ:string
Domyślnie: mieszanka kolorów linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii siatki pomocniczej zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) oraz minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej na wskazaną wartość. Większość wykresów będzie przesunięta w lewo. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość x danych. Właściwość 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' i 'none'.

Typ: string
Domyślnie: 'out'
hAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: string
Domyślnie: null
hAxis.titleTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
interpolateNulls

Określa, czy należy zgadnąć wartość brakujących punktów. Jeśli true, wartość wszelkich brakujących danych zostanie oszacowana na podstawie sąsiednich punktów. Jeśli false, linia zostanie przerwana w nieznanym punkcie.

Ta funkcja nie jest obsługiwana przez wykresy obszarowe z opcją isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Domyślnie: false
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Szerokość linii danych w pikselach. Wartość 0 powoduje ukrycie wszystkich linii i wyświetlenie tylko punktów. Za pomocą właściwości series możesz zastąpić wartości w poszczególnych seriach.

Typ: number
Domyślnie: 2
pointShape

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

Typ: string
Domyślnie: 'circle'
pointSize

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

Typ: number
Domyślnie: 0
reverseCategories

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

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

Typ: boolean
Domyślnie: false
seria

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

  • annotations – obiekt, który ma być zastosowany do adnotacji w tej serii. Za pomocą tego parametru można sterować na przykład parametrem textStyle w przypadku serii: 

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

    Aby zobaczyć pełną listę elementów, które można dostosować, zapoznaj się z różnymi opcjami annotations.

  • type – typ znacznika w tej serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że są to paski pionowe (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • color – kolor do użycia w przypadku tej serii. Podaj prawidłowy ciąg znaków HTML określający kolor.
  • curveType – zastępuje globalną wartość curveType w tej serii.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle w tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth w tej serii.
  • pointShape – zastępuje globalną wartość pointShape w tej serii.
  • pointSize – zastępuje globalną wartość pointSize w tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible w tej serii.
  • targetAxisIndex – oś, do której ma zostać przypisana seria, gdzie 0 to domyślna oś, a 1 to oś przeciwna. Wartość domyślna to 0. Aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach, ustaw tę opcję na 1. Domyślnej osi musi zostać przypisana co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false – że nie powinna. Wartość domyślna to true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami.
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: boolean
linie trendu

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

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

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

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

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

W przypadku linii trendu type: 'polynomial' stopień wielomianu (2 dla kwadratowego, 3 dla sześcierzłotnego itd.).

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

Jeśli jest ustawiony, trendline będzie widoczna w legendzie jako ten ciąg znaków.

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

Szerokość linii trendu w pikselach.

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

Określa, czy trendy mają być 'linear' (domyślnie), 'exponential' lub 'polynomial'.

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

Czy w legendzie ma się wyświetlać równanie trendu ? Pojawi się on w etykiecie linii trendu.

Typ: boolean
Domyślnie: false
useFirstColumnAsDomain

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

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma kilka 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 właściwości.

Aby zdefiniować wykres z wieloma osiami pionowymi, najpierw określ nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu vAxes. W tym przykładzie seria 2 jest przypisana do osi poziomej po prawej stronie, a także ma określony niestandardowy tytuł i styl tekstu: 

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

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

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

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

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

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

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

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

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

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

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

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

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

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

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

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

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

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

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

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

Typ: string
Domyślnie: 'out'
vAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa tytuł osi pionowej.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

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

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

Minimalna wartość danych pionowych do renderowania.

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

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wykresu organizacyjnego

Nazwa
kolor

Kolor tła elementów schematu organizacyjnego.

Typ: string
Domyślnie: '#edf7ff'
selectionColor

Kolor tła wybranych elementów schematu organizacyjnego.

Typ: string
Domyślnie: '#d6e9f8'
rozmiar

Ogólny rozmiar wykresu. Dostępne opcje to 'small', 'medium' lub 'large'.

Typ: string
Domyślnie: 'medium'

Opcje konfiguracji wykresu kołowego

Nazwa
backgroundColor

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

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

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

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślny: kolory domyślne.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
is3D

Jeśli true, wyświetla wykres trójwymiarowy.

Typ: boolean
Domyślnie: false
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Jeśli wartość mieści się w zakresie 0–1, wyświetla się wykres pierścieniowy. Otwór ma promień równy number razy promień wykresu.

Typ: number
Domyślnie: 0
pieSliceBorderColor

Kolor obramowania przekroju. Dotyczy tylko wykresów dwuwymiarowych.

Typ: string
Domyślnie: 'white'
pieSliceText

Treść tekstu wyświetlanego na sekcji. Użyj jednego z tych rodzajów wartości:

  • 'percentage' – odsetek wielkości sekcji w stosunku do całości.
  • 'value' – wartość ilościowa wycinka.
  • 'label' – nazwa sekcji.
  • 'none' – nie wyświetla się żaden tekst.
Typ: string
Domyślnie: 'percentage'
pieSliceTextStyle

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

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

Wartość color może być dowolnym ciągiem znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Typ: boolean
Domyślnie: false
slices.color

Kolor używany w przypadku tego wycinka.

Typ: string
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Opcje konfiguracji wykresu punktowego

Nazwa
backgroundColor

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

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

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

Typ:string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

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

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

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

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

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

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

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

Określa krzywiznę linii, gdy jej szerokość nie jest równa 0. Użyj jednego z tych rodzajów wartości:

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

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

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

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

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

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

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

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

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

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

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

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

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

hAxis, która powoduje, że oś pozioma jest skalą logarytmiczną (wymaga, aby wszystkie wartości były dodatnie). Ustaw wartość true, aby odpowiedzieć „tak”.

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

Typ: boolean
Domyślnie: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej na wskazaną wartość. Większość wykresów przesuwa ją w prawo. Wartość ta jest ignorowana, jeśli jest mniejsza niż maksymalna wartość x danych. Właściwość hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
hAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi poziomej, podobny do opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osicontinuous.

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

Kolor poziomych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii siatki pomocniczej zależy teraz wyłącznie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) oraz minimalnej wymaganej przestrzeni (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Domyślnie: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej na wskazaną wartość. Większość wykresów będzie przesunięta w lewo. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość x danych. Właściwość 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' i 'none'.

Typ: string
Domyślnie: 'out'
hAxis.textStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: string
Domyślnie: null
hAxis.titleTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Określa zakres przycinania osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
legenda

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

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

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

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top'- Nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

Szerokość linii danych w pikselach. Wartość 0 powoduje ukrycie wszystkich linii i wyświetlenie tylko punktów. Za pomocą właściwości series możesz zastąpić wartości w poszczególnych seriach.

Typ: number
Domyślnie: 2
pointShape

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

Typ: string
Domyślnie: 'circle'
pointSize

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

Typ: number
Domyślnie: 0
seria

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

  • color – kolor do użycia w przypadku tej serii. Podaj prawidłowy ciąg znaków HTML określający kolor.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineWidth – zastępuje globalną wartość lineWidth w tej serii.
  • pointShape – zastępuje globalną wartość pointShape w tej serii.
  • pointSize – zastępuje globalną wartość pointSize w tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible w tej serii.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false – że nie powinna. Wartość domyślna to true.

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami.
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

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

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

Typ: boolean
linie trendu

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

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

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

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

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

W przypadku linii trendu type: 'polynomial' stopień wielomianu (2 dla kwadratowego, 3 dla sześcierzłotnego itd.).

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

Jeśli jest ustawiony, trendline będzie widoczna w legendzie jako ten ciąg znaków.

Typ: string
Domyślnie: null
trendlines.n.lineWidth

Szerokość linii trendu w pikselach.

Typ: number
Domyślnie: 2
trendlines.n.type

Określa, czy trendlines to 'linear' (domyślnie), 'exponential' lub 'polynomial'.

Typ: string
Domyślnie: linear
trendlines.n.visibleInLegend

Czy w legendzie ma się wyświetlać równanie trendu . Pojawi się on w etykiecie linii trendu.

Typ: boolean
Domyślnie: false
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować tę kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma kilka 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 właściwości.

Aby zdefiniować wykres z wieloma osiami pionowymi, najpierw określ nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu vAxes. W tym przykładzie seria 2 jest przypisana do osi poziomej po prawej stronie, a także ma określony niestandardowy tytuł i styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiekt z obiektami podrzędnymi
Domyślnie: null
vAxis

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji obiektu dosłownego, jak w tym przykładzie: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, użyj parametru -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osicontinuous.

Typ: object
Domyślnie: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli dla parametru gridlines.count podasz dodatnią liczbę, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Podaj wartość -1, która jest domyślna, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Domyślnie: -1
vAxis.logScale

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

Kolor pionowych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' i 'none'.

Typ: string
Domyślnie: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: brak tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładny) lub „maximized” (maksymalizowany).

Typ: number
Domyślnie: automatycznie
vAxis.viewWindow.min

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładny) lub „maximized” (maksymalizowany).

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wykresu skumulowanego krokowego

Nazwa
areaOpacity

Domyślna nieprzejrzystość kolorowego obszaru w serii wykresów obszarowych, gdzie: 0.0 to pełna przezroczystość, a 1.0 to pełna nieprzejrzystość. Aby określić przezroczystość dla poszczególnych serii, ustaw wartość areaOpacity w właściwości series.

Typ: number, 0.0- 1.0
Domyślnie: 0.3
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków koloru HTML, na przykład 'red' lub '#00cc00', albo obiekt z tymi właściwościami:

Typ: string lub object
Domyślnie: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków koloru HTML.

Typ: string
Domyślnie: 'white'
chartArea

Obiekt z elementami umożliwiającymi konfigurowanie umiejscowienia i wielkości obszaru wykresu (gdzie jest rysowany sam wykres, z wyjątkiem osi i legend). Obsługiwane są 2 formaty: liczba lub liczba z %. Prosta liczba to wartość w pikselach, a liczba z % to wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Domyślnie: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używasz ciągu tekstowego, może to być ciąg znaków szesnastkowych (np. '#fdc') lub nazwy koloru w języku angielskim. Jeśli używasz obiektu, możesz podać te właściwości:
  • stroke: kolor podany jako ciąg heksadecymalny lub angielska nazwa koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o określonej szerokości (i w kolorze stroke).
Typ: string lub object
Domyślnie: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
chartArea.left

Odległość wykresu od lewej krawędzi.

Typ: number lub string
Domyślnie: automatycznie
chartArea.top

Odległość wykresu od górnej krawędzi.

Typ: number lub string
Domyślnie: automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie: automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślny: kolory domyślne.
hAxis

Obiekt z elementami do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji obiektu dosłownego, jak w tym przykładzie: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Domyślnie: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Aby odwrócić kolejność wartości, podaj wartość -1.

Typ: 1 lub -1
Domyślnie: 1
hAxis.textPosition

Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' i 'none'.

Typ: string
Domyślnie: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Właściwość hAxis, która określa tytuł osi poziomej.

Typ: string
Domyślnie: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycinania osi poziomej.

Typ: object
Domyślnie: null
hAxis.viewWindow.max

Maksymalna wartość danych poziomych do renderowania.

Zignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie: automatycznie
hAxis.viewWindow.min

Minimalna wartość danych poziomych do renderowania.

Zignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie: automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
isStacked

Jeśli ustawisz wartość true, elementy wszystkich serii zostaną ułożone w każdej wartości domeny. Uwaga: w diagramach słupkowym, płaskim i SteppedArea Google Charts odwraca kolejność elementów legendy, aby lepiej pasowała do nakładania się elementów serii (np. seria 0 będzie elementem legendy znajdującym się najniżej). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też grupowanie elementów na 100%, w którym grupy elementów dla każdej wartości domeny są przekształcane tak, aby ich suma wynosiła 100%.

Opcje dotyczące isStacked:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – elementy wszystkich serii są grupowane według wartości w każdej domenie.
  • 'percent' – elementy wszystkich serii są umieszczane w każdej wartości domeny i przeskalowywane tak, aby ich suma wynosiła 100%, a wartość każdego elementu jest obliczana jako procent z łącznej wartości 100%.
  • 'relative' – elementy wszystkich serii są nakładane na siebie w przypadku każdej wartości domeny i przeskalane tak, aby ich suma wynosiła 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

W przypadku nakładania 100% obliczona wartość każdego elementu będzie widoczna w skrótce po jego rzeczywistej wartości.

Domyślnie na osi docelowej będą wyświetlane wartości oparte na względnej skali 0–1 jako ułamki 1 w przypadku 'relative' i 0–100% w przypadku 'percent'. Uwaga: gdy używasz opcji 'percent', wartości osi/oznaczenia są wyświetlane jako wartości procentowe, ale rzeczywiste wartości to wartości względne na skali 0–1. Dzieje się tak, ponieważ wartości na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości na skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, aby określać linie siatki i linie pomocnicze za pomocą wartości względnych na skali od 0 do 1. Wartości siatek i kresek oraz formatowanie możesz dostosować, korzystając z odpowiednich opcji hAxis/vAxis.

Warstwy 100% obsługują tylko wartości danych typu number, które muszą mieć wartość podstawową 0.

Typ: boolean/ string
Domyślnie: false
legenda

Obiekt z elementami do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji obiektu dosłownego, jak w tym przykładzie: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Domyślnie: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu, pod warunkiem że lewa oś nie ma powiązanych z nią serii. Jeśli chcesz, aby legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – w lewym górnym rogu wykresu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Domyślnie: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli ustawisz wartość true, seria będzie rysowana od prawej do lewej. Domyślnie rysowanie odbywa się od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Domyślnie: false
seria

Tablica obiektów, z których każdy opisuje format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych dla serii, podaj pusty obiekt {}. Jeśli nie podasz serii ani wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • areaOpacity – zastępuje globalną wartość areaOpacity w tej serii.
  • color – kolor do użycia w przypadku tej serii. Podaj prawidłowy ciąg znaków HTML określający kolor.
  • type – typ znacznika w tej serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że są to paski pionowe (kolumny). Wartość domyślna jest określana przez opcję seriesType wykresu.
  • labelInLegend – opis serii, który ma się wyświetlać w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle w tej serii.
  • targetAxisIndex – oś, do której ma zostać przypisana seria, gdzie 0 to domyślna oś, a 1 to oś przeciwna. Wartość domyślna to 0. Aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach, ustaw tę opcję na 1. Domyślnej osi musi zostać przypisana co najmniej 1 seria. Dla różnych osi możesz zdefiniować inną skalę.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć wpis w legendzie, a false – że nie powinna. Wartość domyślna to true.

Możesz podać tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, lub obiekt, w którym każdy obiekt podrzędny ma klucz numeryczny wskazujący, do której serii ma zastosowanie.Na przykład te 2 deklaracje są identyczne i określają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami.
Domyślnie: {}
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: brak tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zbiór wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określone zachowanie wykresu lub efekt wizualny. Obecnie dostępny jest tylko 1 motyw:

  • 'maximized' – maksymalizuje obszar wykresu oraz rysuje legendę i wszystkie etykiety w obszarze wykresu.
Typ: string
Domyślnie: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: brak tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować tę kolumnę jako kolumnę tekstową.

Typ: boolean
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować tę kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma kilka 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 właściwości.

Aby zdefiniować wykres z wieloma osiami pionowymi, najpierw określ nową oś za pomocą elementu series.targetAxisIndex, a następnie skonfiguruj ją za pomocą elementu vAxes. W tym przykładzie seria 2 jest przypisana do osi poziomej po prawej stronie, a także ma określony niestandardowy tytuł i styl tekstu: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, z których każdy ma etykietę numeryczną określającą oś, którą definiuje – to jest format pokazany powyżej; tablica to tablica obiektów, po jednym na oś. Na przykład ta notacja w formie tablicy jest identyczna z obiektem vAxis pokazanym powyżej: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiekt z obiektami podrzędnymi
Domyślnie: null
vAxis

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji obiektu dosłownego, jak w tym przykładzie: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Domyślnie: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się u dołu wykresu. Aby odwrócić kolejność wartości, użyj parametru -1.

Typ: 1 lub -1
Domyślnie: 1
vAxis.gridlines

Obiekt z elementami 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 obiektu dosłownego, jak w tym przykładzie: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Domyślnie: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli dla parametru gridlines.count podasz dodatnią liczbę, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, aby narysować tylko jedną linię siatki, lub 0, aby nie rysować żadnych linii siatki. Podaj wartość -1, która jest domyślna, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Domyślnie: -1
vAxis.logScale

Jeśli true, osi pionowej nadaj skalę logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Domyślnie: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartość dodatnią. Ta wartość jest ignorowana, jeśli jest mniejsza niż maksymalna wartość osi Y danych. Właściwość vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślnie: automatyczne
vAxis.minorGridlines

Obiekt z elementami do konfigurowania drobnych linii siatki na osi pionowej, podobny do opcji vAxis.gridlines.

Typ: object
Domyślnie: null
vAxis.minorGridlines.color

Kolor pionowych pomocniczych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML określający kolor.

Typ: string
Domyślnie: mieszanka kolorów linii siatki i tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana, z wyjątkiem wyłączenia linii siatki pomocniczej poprzez ustawienie wartości 0. Liczba linii pomocniczych zależy od odstępu między głównymi liniami pomocniczymi i minimalnej wymaganej przestrzeni.

Typ: number
Domyślnie: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej na wskazaną wartość. Większość wykresów będzie miała wartości skierowane w dół. Wartość ta jest ignorowana, jeśli jest większa niż minimalna wartość osi Y danych. Właściwość vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślnie: null
vAxis.textPosition

Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' i 'none'.

Typ: string
Domyślnie: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie: brak tytułu
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycinania osi pionowej.

Typ: object
Domyślnie: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładny) lub „maximized” (maksymalizowany).

Typ: number
Domyślnie: automatycznie
vAxis.viewWindow.min

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy vAxis.viewWindowMode ma wartość „pretty” (ładny) lub „maximized” (maksymalizowany).

Typ: number
Domyślnie: automatycznie
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość elementu zawierającego

Opcje konfiguracji wykresu tabeli

Nazwa
alternatingRowStyle

Określa, czy styl koloru naprzemiennego zostanie przypisany do wierszy nieparzystych i parzystych.

Typ: boolean
Domyślnie: true
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
strona

Czy i jak włączyć przewijanie danych. Wybierz jedną z tych wartości string:

  • 'enable' – tabela będzie zawierać przyciski przewijania stron do przodu i do tyłu. Kliknięcie tych przycisków spowoduje przewinięcie i wyświetlenie innej strony. Możesz też ustawić opcję pageSize.
  • 'event' – tabela będzie zawierać przyciski przechodzenia do następnej i poprzedniej strony, ale ich kliknięcie spowoduje wywołanie zdarzenia 'page', a nie zmianę wyświetlanej strony. Należy jej używać, gdy kod implementuje własną logikę przewracania strony. Przykład ręcznego obsługiwania zdarzeń po stronie serwera znajdziesz w przykładzie TableQueryWrapper.
  • 'disable' – [wartość domyślna] paging nie jest obsługiwany.
    • Typ: string
    Domyślnie: 'disable'
pageSize

Liczba wierszy na każdej stronie, gdy włączono podział na strony za pomocą opcji strony.

Typ: number
Domyślnie: 10
showRowNumber

Jeśli ustawisz tę opcję na true, numer wiersza będzie widoczny w pierwszej kolumnie tabeli.

Typ: boolean
Domyślnie: false
sortuj

Czy i jak sortować kolumny po kliknięciu przez użytkownika nagłówka kolumny. Jeśli sortowanie jest włączone, rozważ ustawienie 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 sortować według wybranej kolumny. Gdy użytkownik kliknie nagłówek kolumny, wiersze zostaną automatycznie posortowane i wywołane zostanie zdarzenie 'sort'.
  • 'event' – gdy użytkownicy klikną nagłówek kolumny, zostanie wywołane zdarzenie 'sort', ale wiersze nie zostaną automatycznie posortowane. Należy użyć tej opcji, gdy strona implementuje własną sortowanie. Przykładowy sposób ręcznego sortowania zdarzeń znajdziesz w pliku TableQueryWrapper.js.
  • 'disable'- kliknięcie nagłówka kolumny nie powoduje żadnych zmian.
Typ: string
Domyślnie: 'enable'
sortAscending

Kolejność, w jakiej jest sortowana początkowa kolumna sortowania. True – rosnąco, false – malejąco. Ignorowana, jeśli nie określono wartości sortColumn.

Typ: boolean
Domyślnie: true
sortColumn

Indeks kolumny w tabeli danych, według której jest ona początkowo sortowana. Kolumna ta jest oznaczona małą strzałką wskazującą kolejność sortowania.

Typ: number
Domyślnie: -1
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość elementu zawierającego

Opcje konfiguracji osi czasu

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków koloru HTML, na przykład 'red' lub '#00cc00', albo obiekt z tymi właściwościami:

Typ: string lub object
Domyślnie: 'white'
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w której każdy element to ciąg znaków koloru HTML, na przykład colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślny: kolory domyślne.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślnie: wysokość elementu zawierającego
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślnie: szerokość elementu zawierającego

Opcje konfiguracji mapy drzewa

Nazwa
headerColor

Kolor sekcji nagłówka dla każdego węzła. Podaj wartość koloru w kodzie HTML.

Typ: string
Domyślnie: #988f86
maxColor

Kolor prostokąta o wartości kolumny 3 maxColorValue. Podaj wartość koloru w formacie HTML.

Typ: string
Domyślnie: #00dd00
maxDepth

Maksymalna liczba poziomów węzła, które mają być wyświetlane w bieżącym widoku. Poziomy są spłaszczone do bieżącej płaszczyzny. Jeśli drzewo ma więcej niż 2 poziomy, musisz przewinąć w górę lub w dół, aby je zobaczyć. Poniżej tych poziomów możesz dodatkowo zobaczyć zacienione prostokąty w tych węzłach, które wskazują poziomy maxPostDepth.

Typ: number
Domyślnie: 1
maxPostDepth

Ile poziomów węzłów poza węzłem maxDepth ma być wyświetlanych w trybie „podpowiedzenia”. Węzły z podpowiedziami są wyświetlane jako zacienione prostokąty w węźle, który mieści się w limicie maxDepth.

Typ: number
Domyślnie: 0
midColor

Kolor prostokąta z wartością kolumny 3 leżącą w połowie drogi między wartościami maxColorValue i minColorValue. Podaj wartość koloru w kodzie HTML.

Typ: string
Domyślnie: #000000
minColor

Kolor prostokąta o wartości kolumny 3 minColorValue. Podaj wartość koloru w kodzie HTML.

Typ: string
Domyślnie: #dd0000
noColor

Kolor, którego należy użyć dla prostokąta, gdy węzeł nie ma wartości w kolumnie 3 i jest węzłem liściastym (lub zawiera tylko węzły liściaste). Podaj wartość koloru w kodzie HTML.

Typ: string
Domyślnie: #000000
subtitle

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie: brak tytułu
subtitleTextStyle

Obiekt określający styl tekstu tytułu.

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Obiekt określający styl tekstu tytułu. Kolor może być dowolnym ciągiem znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zobacz też fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie: brak tytułu
titleTextStyle

Obiekt określający styl tekstu tytułu. Obiekt ma taki format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

Wartością color może być dowolny ciąg znaków koloru HTML, na przykład: 'red' lub '#00cc00'. Zapoznaj się też z artykułami fontName i fontSize.

Typ: object
Domyślnie: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}