Opcje konfiguracji wykresu

Typy wykresów

Opcje konfiguracji wykresu adnotacji

Nazwa
kolory

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

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

Określa, czy wyświetlać obszar wyboru zakresu powiększenia (obszar na dole wykresu), gdzie false oznacza nie.

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

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

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

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

Maksymalna wartość do wyświetlania na osi Y. Jeśli maksymalny punkt danych przekroczy tę wartość, to ustawienie będzie ignorowane, a wykres zostanie dostosowany w taki sposób, by pokazywał następny główny znacznik wyboru powyżej maksymalnego punktu danych. Ma to pierwszeństwo przed maksymalną osią Y określoną przez scaleType.

Jest podobny do maxValue na wykresach podstawowych.

Typ: number
Domyślne:automatyczne
min

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

Jest podobny do minValue na wykresach podstawowych.

Typ: number
Domyślne:automatyczne

Opcje konfiguracji wykresu warstwowego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru pod seria wykresu warstwowego, gdzie 0.0 jest całkowicie przezroczysty, a 1.0 – całkowicie nieprzezroczysty. Aby określić przezroczystość dla pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

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

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

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

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

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

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

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

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

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

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

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

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

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

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

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

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wszystkie wartości muszą być dodatnie). Ustaw jako true tak.

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

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

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

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

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

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
interpolateNulls

Określa, czy odgadnąć wartość brakujących punktów. Jeśli true, odgadnie wartość brakujących danych na podstawie sąsiednich punktów. Jeśli zasada false, pozostawi przerwę w wierszu w nieznanym punkcie.

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

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

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Wykresy Google odwracają kolejność elementów legendy, by lepiej pasowały do ułożenia elementów serii (np. seria 0 będzie skrajnie skrajnie legendą). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100% stosów, w ramach których stos elementów przy poszczególnych wartościach domeny jest przeskalowywany w taki sposób, by sumować się do 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumowały się do 100%. Wartość każdego elementu jest obliczana jako procent 100%.
  • 'relative' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskalowuje je w taki sposób, by uzyskać sumę 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

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

Na osi docelowej domyślnie pojawią się wartości zaznaczenia na podstawie względnej skali 0–1 jako ułamków 1 dla 'relative' i od 0 do 100% dla 'percent' (Uwaga: jeśli korzystasz z opcji 'percent', wartości osi i znaczników są wyświetlane jako wartości procentowe, jednak rzeczywiste wartości są względnymi wartościami ze skali 0–1. Dzieje się tak, ponieważ skoki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, by znaczniki lub linie siatki określać za pomocą względnych wartości skali od 0 do 1. Możesz dostosować wartości linii siatki i znaczniki oraz formatowanie za pomocą odpowiednich opcji hAxis/vAxis.

Grupowanie 100% obsługuje tylko wartości danych typu number. Wartość bazowa musi wynosić 0.

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

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: 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 jest powiązana z żadnym elementem series. Jeśli chcesz, by legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i pokazać tylko punkty, wpisz 0. Możesz zastąpić wartości dla poszczególnych serii za pomocą właściwości series.

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

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

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

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

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

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

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

Typ: boolean
Wartość domyślna: 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 lub wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Pozwala to na przykład kontrolować textStyle serii: 

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

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

  • areaOpacity – zastępuje globalny areaOpacity dla tej serii.
  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • targetAxisIndex – do której osi chcesz przypisać tę serię, gdzie 0 jest osią domyślną, a 1 to oś przeciwną. Wartość domyślna to 0. Ustaw ją na 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi zostać przydzielona co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć pozycję legendy, a false oznacza, że nie powinna. Wartość domyślna to true.

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

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

Tekst do wyświetlenia nad wykresem.

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

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
treatLabelsAsText

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

Typ: boolean
useFirstColumnAsDomain

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

Typ: boolean
vAxes

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

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą funkcji vAxes. Ten przykład przypisze serię 2 do prawej osi i określa 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żda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem vAxis: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

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

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

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

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

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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, np. 'red' lub '#00cc00', albo obiekt o następujących właściwościach.

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Jak daleko od lewej krawędzi należy narysować wykres.

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: liczba lub string
Domyślnie automatycznie
kolory

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

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

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

Aby określić wykres z wieloma osiami poziomymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj oś za pomocą metody hAxes. W tym przykładzie przypiszemy serię 1 do dolnej osi i określamy jej niestandardowy tytuł i styl tekstu:

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

Ta właściwość może być obiektem lub tablicą. Obiekt to zbiór obiektów, z których każda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem hAxis: 

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

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

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

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

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

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

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

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

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

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

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

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

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

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wszystkie wartości muszą być dodatnie). Ustaw jako true tak.

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

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

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

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

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

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
isStacked

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Wykresy Google odwracają kolejność elementów legendy, by lepiej pasowały do ułożenia elementów serii (np. seria 0 będzie skrajnie skrajnie legendą). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100% stosów, w ramach których stos elementów przy poszczególnych wartościach domeny jest przeskalowywany w taki sposób, by sumować się do 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumowały się do 100%. Wartość każdego elementu jest obliczana jako procent 100%.
  • 'relative' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskalowuje je w taki sposób, by uzyskać sumę 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

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

Na osi docelowej domyślnie pojawią się wartości zaznaczenia na podstawie względnej skali 0–1 jako ułamków 1 dla 'relative' i od 0 do 100% dla 'percent' (Uwaga: jeśli korzystasz z opcji 'percent', wartości osi i znaczników są wyświetlane jako wartości procentowe, jednak rzeczywiste wartości są względnymi wartościami ze skali 0–1. Dzieje się tak, ponieważ skoki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, by znaczniki lub linie siatki określać za pomocą względnych wartości skali od 0 do 1. Możesz dostosować wartości linii siatki i znaczniki oraz formatowanie za pomocą odpowiednich opcji hAxis/vAxis.

Grupowanie 100% obsługuje tylko wartości danych typu number. Wartość bazowa musi wynosić 0.

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

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

Typ: boolean
Wartość domyślna: 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 lub wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Pozwala to na przykład kontrolować textStyle serii: 

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

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

  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • targetAxisIndex – do której osi chcesz przypisać tę serię, gdzie 0 jest osią domyślną, a 1 to oś przeciwną. Wartość domyślna to 0. Ustaw ją na 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi zostać przydzielona co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć pozycję legendy, a false oznacza, że nie powinna. Wartość domyślna to true.

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

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

Tekst do wyświetlenia nad wykresem.

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

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
linie trendu

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

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

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

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

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

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

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

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

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

Szerokość linii linii trendu w pikselach.

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

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

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

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

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

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

Typ: boolean
vAxis

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

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

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

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

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

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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, np. 'red' lub '#00cc00', albo obiekt o następujących właściwościach.

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

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

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

Obiekt z członkami umożliwiającymi skonfigurowanie wizualnych właściwości dymków.

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

Przezroczystość dymków – opcje 0 są całkowicie przezroczyste, a 1 – całkowicie nieprzezroczyste.

Typ: liczba między 0,0 a 1,0
Wartość domyślna: 0,8
bubble.stroke

Kolor kreski bąbelków.

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
chartArea

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

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

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

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

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

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

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

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

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

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

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

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

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

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

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wszystkie wartości muszą być dodatnie). Ustaw jako true tak.

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

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

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

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

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

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
legenda

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
seria

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

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

Obiekt z członkami służącymi do konfigurowania sposobu, w jaki wartości są powiązane z rozmiarem dymka. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w następujący sposób: 

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

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

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

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

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

Tekst do wyświetlenia nad wykresem.

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

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
treatLabelsAsText

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

Typ: boolean
useFirstColumnAsDomain

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

Typ: boolean
vAxes

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

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą funkcji vAxes. Ten przykład przypisze serię 2 do prawej osi i określa 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żda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem vAxis: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

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

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

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

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

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji kalendarza

Nazwa
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji wykresu świecowego

Nazwa
backgroundColor

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

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

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

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

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

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

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

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

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

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

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

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

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

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

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wszystkie wartości muszą być dodatnie). Ustaw jako true tak.

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

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

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

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

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

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
legenda

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

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

Typ: boolean
Wartość domyślna: 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 lub wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • fallingColor.fill – zastępuje globalną wartość candlestick.fallingColor.fill dla tej serii.
  • fallingColor.stroke – zastępuje globalną wartość candlestick.fallingColor.stroke dla tej serii.
  • fallingColor.strokeWidth – zastępuje globalną wartość candlestick.fallingColor.strokeWidth dla tej serii.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • risingColor.fill – zastępuje globalną wartość candlestick.risingColor.fill dla tej serii.
  • risingColor.stroke – zastępuje globalną wartość candlestick.risingColor.stroke dla tej serii.
  • risingColor.strokeWidth – zastępuje globalną wartość candlestick.risingColor.strokeWidth dla tej serii.
  • targetAxisIndex – do której osi chcesz przypisać tę serię, gdzie 0 jest osią domyślną, a 1 to oś przeciwną. Wartość domyślna to 0. Ustaw ją na 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi zostać przydzielona co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć pozycję legendy, a false oznacza, że nie powinna. Wartość domyślna to true.

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

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

Tekst do wyświetlenia nad wykresem.

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

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
useFirstColumnAsDomain

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

Typ: boolean
vAxes

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

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą funkcji vAxes. Ten przykład przypisze serię 2 do prawej osi i określa 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żda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem vAxis: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

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

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

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

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

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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, np. 'red' lub '#00cc00', albo obiekt o następujących właściwościach.

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

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

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

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

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

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

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

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

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

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

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

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

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

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

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wszystkie wartości muszą być dodatnie). Ustaw jako true tak.

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

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

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

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

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

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
isStacked

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Wykresy Google odwracają kolejność elementów legendy, by lepiej pasowały do ułożenia elementów serii (np. seria 0 będzie skrajnie skrajnie legendą). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100% stosów, w ramach których stos elementów przy poszczególnych wartościach domeny jest przeskalowywany w taki sposób, by sumować się do 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumowały się do 100%. Wartość każdego elementu jest obliczana jako procent 100%.
  • 'relative' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskalowuje je w taki sposób, by uzyskać sumę 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

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

Na osi docelowej domyślnie pojawią się wartości zaznaczenia na podstawie względnej skali 0–1 jako ułamków 1 dla 'relative' i od 0 do 100% dla 'percent' (Uwaga: jeśli korzystasz z opcji 'percent', wartości osi i znaczników są wyświetlane jako wartości procentowe, jednak rzeczywiste wartości są względnymi wartościami ze skali 0–1. Dzieje się tak, ponieważ skoki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, by znaczniki lub linie siatki określać za pomocą względnych wartości skali od 0 do 1. Możesz dostosować wartości linii siatki i znaczniki oraz formatowanie za pomocą odpowiednich opcji hAxis/vAxis.

Grupowanie 100% obsługuje tylko wartości danych typu number. Wartość bazowa musi wynosić 0.

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

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

Typ: boolean
Wartość domyślna: 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 lub wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Pozwala to na przykład kontrolować textStyle serii: 

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

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

  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • targetAxisIndex – do której osi chcesz przypisać tę serię, gdzie 0 jest osią domyślną, a 1 to oś przeciwną. Wartość domyślna to 0. Ustaw ją na 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi zostać przydzielona co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

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

Tekst do wyświetlenia nad wykresem.

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

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
linie trendu

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

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

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

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

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

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

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

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

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

Szerokość linii linii trendu w pikselach.

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

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

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

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

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

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

Typ: boolean
vAxes

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

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą funkcji vAxes. Ten przykład przypisze serię 2 do prawej osi i określa 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żda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem vAxis: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

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

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

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

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

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wykresu mieszanego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru pod seria wykresu warstwowego, gdzie 0.0 jest całkowicie przezroczysty, a 1.0 – całkowicie nieprzezroczysty. Aby określić przezroczystość dla pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

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

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

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

Kontroluje krzywą linii, gdy szerokość linii jest różna od zera. Użyj jednego z tych rodzajów wartości:

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

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

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

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

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

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

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

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

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

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

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

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

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

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wszystkie wartości muszą być dodatnie). Ustaw jako true tak.

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

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

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

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

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

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
interpolateNulls

Określa, czy odgadnąć wartość brakujących punktów. Jeśli true, odgadnie wartość brakujących danych na podstawie sąsiednich punktów. Jeśli zasada false, pozostawi przerwę w wierszu w nieznanym punkcie.

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

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

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Wykresy Google odwracają kolejność elementów legendy, by lepiej pasowały do ułożenia elementów serii (np. seria 0 będzie skrajnie skrajnie legendą). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100% stosów, w ramach których stos elementów przy poszczególnych wartościach domeny jest przeskalowywany w taki sposób, by sumować się do 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumowały się do 100%. Wartość każdego elementu jest obliczana jako procent 100%.
  • 'relative' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskalowuje je w taki sposób, by uzyskać sumę 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

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

Na osi docelowej domyślnie pojawią się wartości zaznaczenia na podstawie względnej skali 0–1 jako ułamków 1 dla 'relative' i od 0 do 100% dla 'percent' (Uwaga: jeśli korzystasz z opcji 'percent', wartości osi i znaczników są wyświetlane jako wartości procentowe, jednak rzeczywiste wartości są względnymi wartościami ze skali 0–1. Dzieje się tak, ponieważ skoki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, by znaczniki lub linie siatki określać za pomocą względnych wartości skali od 0 do 1. Możesz dostosować wartości linii siatki i znaczniki oraz formatowanie za pomocą odpowiednich opcji hAxis/vAxis.

Grupowanie 100% obsługuje tylko wartości danych typu number. Wartość bazowa musi wynosić 0.

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i pokazać tylko punkty, wpisz 0. Możesz zastąpić wartości dla poszczególnych serii za pomocą właściwości series.

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

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

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

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, wpisz 0. Możesz zastąpić wartości dla poszczególnych serii za pomocą właściwości series. Jeśli używasz lini trendu, opcja pointSize będzie miała wpływ na szerokość linii trendu, chyba że zastąpisz ją opcją trendlines.n.pointsize.

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

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

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

Typ: boolean
Wartość domyślna: 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 lub wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Pozwala to na przykład kontrolować textStyle serii: 

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

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

  • areaOpacity – zastępuje globalny areaOpacity dla tej serii.
  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • curveType – zastępuje globalną wartość curveType dla tej serii.
  • fallingColor.fill – zastępuje globalną wartość candlestick.fallingColor.fill dla tej serii.
  • fallingColor.stroke – zastępuje globalną wartość candlestick.fallingColor.stroke dla tej serii.
  • fallingColor.strokeWidth – zastępuje globalną wartość candlestick.fallingColor.strokeWidth dla tej serii.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • risingColor.fill – zastępuje globalną wartość candlestick.risingColor.fill dla tej serii.
  • risingColor.stroke – zastępuje globalną wartość candlestick.risingColor.stroke dla tej serii.
  • risingColor.strokeWidth – zastępuje globalną wartość candlestick.risingColor.strokeWidth dla tej serii.
  • targetAxisIndex – do której osi chcesz przypisać tę serię, gdzie 0 jest osią domyślną, a 1 to oś przeciwną. Wartość domyślna to 0. Ustaw ją na 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi zostać przydzielona co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • type – typ znacznika serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że słupki to w rzeczywistości pionowe paski (kolumny). Wartość domyślna jest określana przez opcję seriesType na wykresie.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć pozycję legendy, a false oznacza, że nie powinna. Wartość domyślna to true.

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

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

Tekst do wyświetlenia nad wykresem.

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

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
useFirstColumnAsDomain

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

Typ: boolean
vAxes

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

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą funkcji vAxes. Ten przykład przypisze serię 2 do prawej osi i określa 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żda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem vAxis: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

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

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

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

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

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wskaźnika

Nazwa
greenColor

Kolor dla zielonej sekcji w notacji kolorów HTML.

Typ: string
Wartość domyślna: '#109618'
greenFrom

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

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

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

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

Wysokość wykresu w pikselach.

Typ: number
Domyślna:szerokość kontenera.
maksimum

Maksymalna wartość do wyświetlania na osi Y. Jeśli maksymalny punkt danych przekroczy tę wartość, to ustawienie będzie ignorowane, a wykres zostanie dostosowany w taki sposób, by pokazywał następny główny znacznik wyboru powyżej maksymalnego punktu danych. Ma to pierwszeństwo przed maksymalną osią Y określoną przez scaleType.

Jest podobny do maxValue na wykresach podstawowych.

Typ: number
Domyślne:automatyczne
min

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

Jest podobny do minValue na wykresach podstawowych.

Typ: number
Domyślne:automatyczne
redColor

Kolor czerwonej sekcji w notacji kolorów HTML.

Typ: string
Wartość domyślna: '#DC3912'
redFrom

Najniższa wartość w zakresie oznaczonym czerwonym kolorem.

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

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

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

Szerokość wykresu w pikselach.

Typ: number
Domyślna:szerokość kontenera.
yellowColor

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

Typ: string
Wartość domyślna: '#FF9900'
yellowFrom

Najniższa wartość w zakresie oznaczonym żółtym kolorem.

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

Najwyższa wartość w zakresie oznaczonym żółtym kolorem.

Typ: number
Wartość domyślna: brak

Opcje konfiguracji wykresu geograficznego

Nazwa
backgroundColor

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

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

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

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

Kolor do przypisania do regionów bez powiązanych danych.

Typ: string
Wartość domyślna: '#F5F5F5'
defaultColor

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

Typ: string
Wartość domyślna: '#267114'
displayMode

Typ wykresu geograficznego. Format DataTable musi odpowiadać określonej wartości. Obsługiwane są te wartości:

  • 'auto' – wybierz na podstawie formatu tabeli danych.
  • 'regions' – pokoloruj regiony na wykresie geograficznym.
  • 'markers' – umieść znaczniki w regionach.
  • 'text' – oznaczenie regionów tekstem z tabeli DataTable.
Typ: string
Domyślnie: „auto”.
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
legenda

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
region

Obszar do wyświetlenia na wykresie geograficznym. Wyświetlane są również okoliczne obszary. Dostępne wartości:

  • 'world' – schemat geograficzny całego świata.
  • Kontynent lub subkontynent określony za pomocą 3-cyfrowego kodu, np. '011' dla Afryki Zachodniej.
  • Kraj określony za pomocą kodu ISO 3166-1 alfa-2, np. 'AU' dla Australii.
  • Stan w Stanach Zjednoczonych określony za pomocą kodu ISO 3166-2:US, np. 'US-AL' w Alabamie. Pamiętaj, że opcja resolution musi być ustawiona na 'provinces' lub 'metros'.
Typ: string
Domyślny: „world”.
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji histogramu

Nazwa
backgroundColor

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object/div>
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

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

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

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

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

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

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

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

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

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

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

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

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

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

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
histogram.bucketSize

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

Typ: number
Domyślnie automatycznie
histogram.hideBucketItems

Pomiń cienkie podziały między blokami histogramu, tworząc serię słupków pełnych.

Typ: boolean
Wartość domyślna: false
histogram.lastBucketPercentile

Podczas obliczania rozmiaru zasobnika histogramu zignoruj górną i dolną wartość lastBucketPercentile procent. Wartości są nadal uwzględniane w histogramie, ale nie mają wpływu na zasobniki.

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

Określa, czy odgadnąć wartość brakujących punktów. Jeśli true, odgadnie wartość brakujących danych na podstawie sąsiednich punktów. Jeśli zasada false, pozostawi przerwę w wierszu w nieznanym punkcie.

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

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

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Wykresy Google odwracają kolejność elementów legendy, by lepiej pasowały do ułożenia elementów serii (np. seria 0 będzie skrajnie skrajnie legendą). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100% stosów, w ramach których stos elementów przy poszczególnych wartościach domeny jest przeskalowywany w taki sposób, by sumować się do 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumowały się do 100%. Wartość każdego elementu jest obliczana jako procent 100%.
  • 'relative' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskalowuje je w taki sposób, by uzyskać sumę 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

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

Na osi docelowej domyślnie pojawią się wartości zaznaczenia na podstawie względnej skali 0–1 jako ułamków 1 dla 'relative' i od 0 do 100% dla 'percent' (Uwaga: jeśli korzystasz z opcji 'percent', wartości osi i znaczników są wyświetlane jako wartości procentowe, jednak rzeczywiste wartości są względnymi wartościami ze skali 0–1. Dzieje się tak, ponieważ skoki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, by znaczniki lub linie siatki określać za pomocą względnych wartości skali od 0 do 1. Możesz dostosować wartości linii siatki i znaczniki oraz formatowanie za pomocą odpowiednich opcji hAxis/vAxis.

Grupowanie 100% obsługuje tylko wartości danych typu number. Wartość bazowa musi wynosić 0.

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

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

Typ: boolean
Wartość domyślna: 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 lub wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • targetAxisIndex – do której osi chcesz przypisać tę serię, gdzie 0 jest osią domyślną, a 1 to oś przeciwną. Wartość domyślna to 0. Ustaw ją na 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi zostać przydzielona co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć pozycję legendy, a false oznacza, że nie powinna. Wartość domyślna to true.

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

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

Tekst do wyświetlenia nad wykresem.

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

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
useFirstColumnAsDomain

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

Typ: boolean
vAxes

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

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą funkcji vAxes. Ten przykład przypisze serię 2 do prawej osi i określa 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żda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem vAxis: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

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

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

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

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

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji wykresu liniowego

Nazwa
backgroundColor

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

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

Kontroluje krzywą linii, gdy szerokość linii jest różna od zera. Użyj jednego z tych rodzajów wartości:

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

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

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

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

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

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

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

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

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

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

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

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

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

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wszystkie wartości muszą być dodatnie). Ustaw jako true tak.

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

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

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

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

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

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

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
interpolateNulls

Określa, czy odgadnąć wartość brakujących punktów. Jeśli true, odgadnie wartość brakujących danych na podstawie sąsiednich punktów. Jeśli zasada false, pozostawi przerwę w wierszu w nieznanym punkcie.

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

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

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

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

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

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

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

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i pokazać tylko punkty, wpisz 0. Możesz zastąpić wartości dla poszczególnych serii za pomocą właściwości series.

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

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

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

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, wpisz 0. Możesz zastąpić wartości dla poszczególnych serii za pomocą właściwości series. Jeśli używasz lini trendu, opcja pointSize będzie miała wpływ na szerokość linii trendu, chyba że zastąpisz ją opcją trendlines.n.pointsize.

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

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

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

Typ: boolean
Wartość domyślna: 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 lub wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Pozwala to na przykład kontrolować textStyle serii: 

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

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

  • type – typ znacznika serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że słupki to w rzeczywistości pionowe paski (kolumny). Wartość domyślna jest określana przez opcję seriesType na wykresie.
  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • curveType – zastępuje globalną wartość curveType dla tej serii.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • targetAxisIndex – do której osi chcesz przypisać tę serię, gdzie 0 jest osią domyślną, a 1 to oś przeciwną. Wartość domyślna to 0. Ustaw ją na 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi zostać przydzielona co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć pozycję legendy, a false oznacza, że nie powinna. Wartość domyślna to true.

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

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

Tekst do wyświetlenia nad wykresem.

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

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

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

color może być dowolnym ciągiem znaków HTML koloru, 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>}
treatLabelsAsText

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

Typ: boolean
linie trendu

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

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

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

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

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

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

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

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

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

Szerokość linii linii trendu w pikselach.

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

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

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

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

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

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

Typ: boolean
vAxes

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

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą funkcji vAxes. Ten przykład przypisze serię 2 do prawej osi i określa 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żda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem vAxis: 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

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

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

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

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

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej do określonej wartości. Na większości wykresów będzie to zmiana w dół. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu na osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie bez tytułu.
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie
vAxis.viewWindow.min

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wykresu organizacyjnego

Nazwa
kolor

Kolor tła elementów wykresu organizacyjnego.

Typ: string
Wartość domyślna: '#edf7ff'
selectionColor

Kolor tła wybranych elementów wykresu organizacyjnego.

Typ: string
Wartość domyślna: '#d6e9f8'
rozmiar

Ogólny rozmiar wykresu. Dostępne opcje to 'small', 'medium' i 'large'.

Typ: string
Wartość domyślna: 'medium'

Opcje konfiguracji wykresu kołowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków koloru HTML, np. 'red' lub '#00cc00', albo obiekt o następujących właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania miejsca docelowego i rozmiaru obszaru wykresu (gdzie sam wykres jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje znak %. Prosta liczba to wartość w pikselach, po której następuje znak %, a po nim wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
chartArea.left

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślne:kolory domyślne
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
is3D

Jeśli true, wyświetla wykres trójwymiarowy.

Typ: boolean
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu nie jest powiązana żadna seria. Jeśli chcesz, by legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
pieHole

Jeśli mieści się w przedziale 0–1, wyświetla wykres pierścieniowy. Promień tego otworu jest równy number pomnożony przez promień wykresu.

Typ: number
Wartość domyślna: 0
pieSliceBorderColor

Kolor obramowania wycinka. Ma zastosowanie tylko wtedy, gdy wykres jest dwuwymiarowy.

Typ: string
Wartość domyślna: 'white'
pieSliceText

Zawartość tekstu wyświetlana na wycinku. Użyj jednego z tych rodzajów wartości:

  • 'percentage' – odsetek rozmiaru wycinka w stosunku do całości.
  • 'value' – wartość ilościowa wycinka.
  • 'label' – nazwa wycinka.
  • 'none' – tekst nie jest wyświetlany.
Typ: string
Wartość domyślna: 'percentage'
pieSliceTextStyle

Obiekt, który określa styl tekstu wycinka. Obiekt ma ten format:

{color: <string>, fontName: <string>, fontSize: <number>}

color może być dowolnym ciągiem znaków HTML koloru, 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>}
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: false
slices.color

Kolor tego wycinka.

Typ: string
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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 bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}

Opcje konfiguracji wykresu punktowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków koloru HTML, np. 'red' lub '#00cc00', albo obiekt o następujących właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML koloru.

Typ:string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania miejsca docelowego i rozmiaru obszaru wykresu (gdzie sam wykres jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje znak %. Prosta liczba to wartość w pikselach, po której następuje znak %, a po nim wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
chartArea.left

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślne:kolory domyślne
curveType

Kontroluje krzywą linii, gdy szerokość linii jest różna od zera. Użyj jednego z tych rodzajów wartości:

  • 'none' – linie proste bez krzywej.
  • 'function' – kąty linii zostaną wygładzone.
Typ:string
Domyślna: „none” (brak).
hAxis

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Określ -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki na osi poziomej są rysowane w pionie. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w następujący sposób: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz liczbę dodatnią dla elementu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, by narysować tylko jedną linię siatki, lub wartość 0, by nie rysować linii siatki. Podaj wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wszystkie wartości muszą być dodatnie). Ustaw jako true tak.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej do określonej wartości. Na większości wykresów będzie to zmiana w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w przypadku opcji hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślny: połączenie koloru linii siatki i koloru tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie od odstępu między głównymi liniami siatki (patrz hAxis.gridlines.interval) a minimalną wymaganą ilość miejsca (patrz hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi wartość minimalną na osi poziomej do określonej wartości. Na większości wykresów będzie ona ustawiona w lewo. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.textPosition

Położenie tekstu na osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

Właściwość hAxis, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma ten format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
hAxis.viewWindow.min

Minimalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu nie jest powiązana żadna seria. Jeśli chcesz, by legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top'– nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i pokazać tylko punkty, wpisz 0. Możesz zastąpić wartości dla poszczególnych serii za pomocą właściwości series.

Typ: number
Wartość domyślna: 2
pointShape

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Przykłady znajdziesz w dokumentacji punktów .

Typ: string
Wartość domyślna: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, wpisz 0. Możesz zastąpić wartości dla poszczególnych serii za pomocą właściwości series. Jeśli używasz lini trendu, opcja pointSize będzie miała wpływ na szerokość linii trendu, chyba że zastąpisz ją opcją trendlines.n.pointsize.

Typ: number
Wartość domyślna: 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 lub wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tej serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tej serii.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć pozycję legendy, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy będzie odnosić się do serii w podanej kolejności, albo możesz określić obiekt, w przypadku którego każdy element podrzędny ma klucz numeryczny określający serię, do której ma zastosowanie. Na przykład dwie poniższe deklaracje są identyczne i pierwsza seria jest zadeklarowana jako czarna i nie ma jej w legendzie, a czwarta – jako czerwona i nie ma jej w legendzie: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Typ: tablica obiektów lub obiektów z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

  • 'maximized' – maksymalizuje obszar wykresu oraz rysuje legendę i wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
linie trendu

Wyświetla linie trendu na wykresach, które je obsługują. Domyślnie używane są linie trendu (linear), ale można to dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla poszczególnych serii, więc najczęściej Twoje opcje będą wyglądać tak: 

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Typ: object
Wartość domyślna: null
trendlines.n.color

Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy.

Typ: string
Domyślny:domyślny kolor serii.
trendlines.n.degree

W przypadku linii trendu wartości type: 'polynomial' jest to stopień wielomianu (2 dla kwadratu, 3 dla sześciennego itd.).

Typ: number
Wartość domyślna: 3
trendlines.n.labelInLegend

Jeśli jest ustawiona, linia trendu pojawi się w legendzie jako ten ciąg znaków.

Typ: string
Wartość domyślna: null
trendlines.n.lineWidth

Szerokość linii linii trendu w pikselach.

Typ: number
Wartość domyślna: 2
trendlines.n.type

Określa, czy linie trendu to 'linear' (domyślna), 'exponential' lub 'polynomial'.

Typ: string
Wartość domyślna: linear
trendlines.n.visibleInLegend

Określa, czy równanie linii trendu pojawia się w legendzie. Pojawi się na etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez funkcję vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne danej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą funkcji vAxes. Ten przykład przypisze serię 2 do prawej osi i określa 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żda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem vAxis: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów podrzędnych
Wartość domyślna: null
vAxis

Obiekt ze elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Określ -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt ze elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki na osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz liczbę dodatnią dla elementu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, by narysować tylko jedną linię siatki, lub wartość 0, by nie rysować linii siatki. Podaj wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli true, oś pionowa jest skalą logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej do określonej wartości. Na większości wykresów wartość ta będzie wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość „y” danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślny: połączenie koloru linii siatki i koloru tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofywana – z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej do określonej wartości. Na większości wykresów będzie to zmiana w dół. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu na osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie bez tytułu.
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie
vAxis.viewWindow.min

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wykresu warstwowego krokowego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru pod seria wykresu warstwowego, gdzie 0.0 jest całkowicie przezroczysty, a 1.0 – całkowicie nieprzezroczysty. Aby określić przezroczystość dla pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

Typ: number, 0.0- 1.0
Wartość domyślna: 0.3
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków koloru HTML, np. 'red' lub '#00cc00', albo obiekt o następujących właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z elementami służącymi do konfigurowania miejsca docelowego i rozmiaru obszaru wykresu (gdzie sam wykres jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje znak %. Prosta liczba to wartość w pikselach, po której następuje znak %, a po nim wartość procentowa. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Używany ciąg może być ciągiem szesnastkowym (np. '#fdc') lub angielska nazwa koloru. Jeśli używany jest obiekt, można podać te właściwości:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu o podanej szerokości (i w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
chartArea.left

Jak daleko od lewej krawędzi należy narysować wykres.

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órych każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślne:kolory domyślne
hAxis

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Określ -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.textPosition

Położenie tekstu na osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.title

Właściwość hAxis, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma ten format: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
hAxis.viewWindow.min

Minimalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
isStacked

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: na wykresach kolumnowych, obszarowych i SteppedArea Wykresy Google odwracają kolejność elementów legendy, by lepiej pasowały do ułożenia elementów serii (np. seria 0 będzie skrajnie skrajnie legendą). To nie dotyczy wykresów słupkowych.

Opcja isStacked obsługuje też 100% stosów, w ramach których stos elementów przy poszczególnych wartościach domeny jest przeskalowywany w taki sposób, by sumować się do 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumowały się do 100%. Wartość każdego elementu jest obliczana jako procent 100%.
  • 'relative' – skumuluje elementy wszystkich serii przy każdej wartości domeny i przeskalowuje je w taki sposób, by uzyskać sumę 1. Wartość każdego elementu jest obliczana jako ułamek 1.
  • 'absolute' – działa tak samo jak isStacked: true.

Przy 100% stosów obliczona wartość każdego elementu pojawi się na etykietce po jego rzeczywistej wartości.

Na osi docelowej domyślnie pojawią się wartości zaznaczenia na podstawie względnej skali 0–1 jako ułamków 1 dla 'relative' i od 0 do 100% dla 'percent' (Uwaga: jeśli korzystasz z opcji 'percent', wartości osi i znaczników są wyświetlane jako wartości procentowe, jednak rzeczywiste wartości są względnymi wartościami ze skali 0–1. Dzieje się tak, ponieważ skoki na osi procentowej są wynikiem zastosowania formatu „#.##%” do względnych wartości skali od 0 do 1. Jeśli używasz isStacked: 'percent', pamiętaj, by znaczniki lub linie siatki określać za pomocą względnych wartości skali od 0 do 1. Możesz dostosować wartości linii siatki i znaczniki oraz formatowanie za pomocą odpowiednich opcji hAxis/vAxis.

Grupowanie 100% obsługuje tylko wartości danych typu number. Wartość bazowa musi wynosić 0.

Typ: boolean/ string
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu nie jest powiązana żadna seria. Jeśli chcesz, by legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku osi discrete major.

Typ: boolean
Wartość domyślna: 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 lub wartości, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • areaOpacity – zastępuje globalny areaOpacity dla tej serii.
  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • type – typ znacznika serii. Prawidłowe wartości to „line”, „area”, „bars” i „steppedArea”. Pamiętaj, że słupki to w rzeczywistości pionowe paski (kolumny). Wartość domyślna jest określana przez opcję seriesType na wykresie.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tej serii.
  • targetAxisIndex – do której osi chcesz przypisać tę serię, gdzie 0 jest osią domyślną, a 1 to oś przeciwną. Wartość domyślna to 0. Ustaw ją na 1, aby zdefiniować wykres, na którym różne serie są renderowane na różnych osiach. Do osi domyślnej musi zostać przydzielona co najmniej 1 seria. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna mieć pozycję legendy, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy będzie odnosił się do serii w podanej kolejności, lub określić obiekt podrzędny z kluczem numerycznym wskazującym, do której serii ma zastosowanie. Na przykład dwie poniższe deklaracje są identyczne. Pierwsza seria jest czarna i nie ma jej w legendzie, a czwarta jako czerwona i nie występuje 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ów z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
motyw

Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony sposób działania wykresu lub efektu wizualnego. Obecnie dostępny jest tylko 1 motyw:

  • 'maximized' – maksymalizuje obszar wykresu oraz rysuje legendę i wszystkie etykiety wewnątrz obszaru wykresu.
Typ: string
Wartość domyślna: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości obsługiwane przez funkcję vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne danej usługi.

Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a potem skonfiguruj ją za pomocą funkcji vAxes. Ten przykład przypisze serię 2 do prawej osi i określa 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żda ma etykietę liczbową określającą definiowaną oś – jest to format pokazany powyżej. Tablica to tablica obiektów, po jednym na oś. Na przykład ten zapis formatu tablicy jest identyczny z pokazanym powyżej obiektem vAxis: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
Typ: tablica obiektów lub obiektów podrzędnych
Wartość domyślna: null
vAxis

Obiekt ze elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Określ -1, aby odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt ze elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki na osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej: 

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli podasz liczbę dodatnią dla elementu gridlines.count, zostanie ona użyta do obliczenia wartości minSpacing między liniami siatki. Możesz podać wartość 1, by narysować tylko jedną linię siatki, lub wartość 0, by nie rysować linii siatki. Podaj wartość domyślną -1, aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli true, oś pionowa jest skalą logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej do określonej wartości. Na większości wykresów wartość ta będzie wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość „y” danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami umożliwiającymi konfigurowanie podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Domyślny: połączenie koloru linii siatki i koloru tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofywana – z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie liczby na 0. Liczba mniejszych linii siatki zależy od odstępu między głównymi liniami siatki a minimalną wymaganą przestrzenią.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej do określonej wartości. Na większości wykresów będzie to zmiana w dół. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu na osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie bez tytułu.
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie
vAxis.viewWindow.min

Minimalna wartość danych pionowych do renderowania.

Ignorowana, gdy atrybut vAxis.viewWindowMode ma wartość „ładny” lub „zmaksymalizowany”.

Typ: number
Domyślnie automatycznie
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji wykresu tabelarycznego

Nazwa
alternatingRowStyle

Określa, czy do wierszy nieparzystych i parzystych zostanie przypisany styl z naprzemiennymi kolorami.

Typ: boolean
Wartość domyślna: true
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
strona

Czy i jak włączyć stronicowanie danych. Wybierz jedną z tych wartości parametru string:

  • 'enable' – tabela będzie zawierać przyciski do przodu i do tyłu. Kliknięcie tych przycisków spowoduje uruchomienie stronicowania i zmianę wyświetlanej strony. Możesz też ustawić opcję pageSize.
  • 'event' – tabela będzie zawierać przyciski do przodu i do tyłu, ale ich kliknięcie wywoła zdarzenie 'page' i nie zmieni wyświetlanej strony. Tej opcji należy używać, gdy kod implementuje własną logikę przewracania stron. W przykładzie TableQueryWrapper znajdziesz przykład ręcznego obsługi zdarzeń stronicowania.
  • 'disable' – [wartość domyślna] stronicowanie nie jest obsługiwane.
    • Typ: string
    Wartość domyślna: 'disable'
pageSize

Liczba wierszy na każdej stronie, gdy stronicowanie jest włączone za pomocą opcji strony.

Typ: number
Wartość domyślna: 10
showRowNumber

Jeśli ma wartość true, numer wiersza wyświetla się jako pierwsza kolumna tabeli.

Typ: boolean
Wartość domyślna: false
sortuj

Czy i jak sortować kolumny po kliknięciu przez użytkownika nagłówka kolumny. Jeśli włączone jest sortowanie, rozważ też 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 klikniętej kolumny. Gdy użytkownik kliknie nagłówek kolumny, wiersze zostaną automatycznie posortowane i zostanie wywołane zdarzenie 'sort'.
  • 'event' – gdy użytkownik kliknie nagłówek kolumny, wywoływane jest zdarzenie 'sort', ale wiersze nie są sortowane automatycznie. Tej opcji należy używać, gdy na stronie jest zaimplementowany własny sposób sortowania. W przykładzie TableQueryWrapper znajdziesz przykład ręcznej obsługi zdarzeń sortowania.
  • 'disable'– Kliknięcie nagłówka kolumny nie ma żadnego efektu.
Typ: string
Wartość domyślna: 'enable'
sortAscending

Kolejność sortowania kolumny początkowego sortowania. True (rosnąco), false malejąco. Ignorowana, jeśli nie określono sortColumn.

Typ: boolean
Wartość domyślna: true
sortColumn

Indeks kolumny w tabeli danych, według której tabela jest początkowo sortowana. Kolumna jest oznaczona małą strzałką wskazującą kolejność sortowania.

Typ: number
Wartość domyślna: -1
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji osi czasu

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków koloru HTML, np. 'red' lub '#00cc00', albo obiekt o następujących właściwościach.

Typ: string lub object
Wartość domyślna: 'white'
kolory

Kolory elementów wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków koloru HTML, np. colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślne:kolory domyślne
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji mapy drzewa

Nazwa
headerColor

Kolor sekcji nagłówka każdego węzła. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #988f86
maxColor

Kolor prostokąta z kolumną 3 o wartości maxColorValue. Podaj wartość koloru HTML.

Typ: string
Wartość domyślna: #00dd00
maxDepth

Maksymalna liczba poziomów węzłów wyświetlanych w bieżącym widoku. Poziomy są rozmieszczone w bieżącej płaszczyźnie. Jeśli Twoje drzewo ma więcej poziomów, musisz je przesuwać w górę lub w dół, aby je zobaczyć. Pod nim mogą być dodatkowo widoczne zacienione prostokąty (maxPostDepth) w tych węzłach.

Typ: number
Wartość domyślna: 1
maxPostDepth

Liczba poziomów węzłów powyżej maxDepth, które mają być wyświetlane w sposób z podpowiedzią. Węzły z podpowiedzią są wyświetlane jako zacienione prostokąty wewnątrz węzła, który nie przekracza limitu maxDepth.

Typ: number
Wartość domyślna: 0
midColor

Kolor prostokąta z wartością w kolumnie 3 pośrodku między maxColorValue a minColorValue. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #000000
minColor

Kolor prostokąta z wartością w kolumnie 3 równą minColorValue. Podaj wartość koloru HTML.

Typ: string
Wartość domyślna: #dd0000
noColor

Kolor dla prostokąta, który ma być używany, gdy węzeł nie ma wartości w kolumnie 3, a ten węzeł jest liściem (lub zawiera tylko liście). Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #000000
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, 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>}
textStyle

Obiekt, który określa styl tekstu tytułu. Kolor może być dowolnym ciągiem znaków HTML, na przykład 'red' lub '#00cc00'. Patrz też parametry fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <globalna nazwa-czcionki>, rozmiar czcionki: <global-font-size>}
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color może być dowolnym ciągiem znaków HTML koloru, 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>}