Typy wykresów
- Wykres adnotacji
- Wykres warstwowy
- Wykres słupkowy
- Wykres bąbelkowy
- Kalendarz
- Wykres świecowy
- Wykres kolumnowy
- Wykres mieszany
- Wskaźnik
- Wykres geograficzny
- Histogram
- Wykres liniowy
- Wykres organizacyjny
- Wykres kołowy
- Wykres punktowy
- Wykres warstwowy krokowy
- Wykres tabelaryczny
- Oś czasu
- Mapa drzewa
Opcje konfiguracji wykresu adnotacji
Nazwa | |
---|---|
kolory | Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
displayRangeSelector | Określa, czy ma być wyświetlany obszar wyboru zakresu powiększenia (obszar na dole wykresu), gdzie Kontur w selektorze powiększenia to wersja pierwszej serii na wykresie, przeskalowana tak, aby pasowała do wysokości selektora powiększenia. Typ:
boolean Wartość domyślna:
true |
displayZoomButtons |
Określa, czy przycisk powiększenia („1d 5d 1m” itd.) ma być widoczny, gdzie Typ:
boolean Wartość domyślna:
true |
maksimum |
Maksymalna wartość wyświetlana na osi Y. Jeśli maksymalny punkt danych przekracza tę wartość, ustawienie to jest ignorowane, a wykres jest dostosowywany tak, aby pokazać następny główny znacznik wyboru powyżej punktu maksymalnego. Ma to pierwszeństwo przed maksymalną wartością na osi Y określoną przez Jest ona podobna do danych Typ:
number Domyślnie: automatycznie
|
min |
Minimalna wartość wyświetlana na osi Y. Jeśli minimalny punkt danych jest mniejszy niż ta wartość, ustawienie to jest ignorowane, a wykres jest dostosowywany tak, aby pokazać następny główny znacznik wyboru poniżej punktu minimalnego. Ma to pierwszeństwo przed minimalną wartością osi Y określoną przez Jest ona podobna do danych Typ:
number Domyślnie: automatycznie
|
Opcje konfiguracji wykresu warstwowego
Nazwa | |
---|---|
areaOpacity |
Domyślna przezroczystość kolorowego obszaru pod serią wykresu warstwowego, gdzie Typ:
number , 0.0- 1.0 Wartość domyślna:
0.3 |
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.direction |
Kierunek, w którym rosną wartości na osi poziomej. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
hAxis.gridlines |
Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.gridlines.color |
Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
hAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
hAxis.logScale |
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
hAxis.maxValue |
Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.minorGridlines.color |
Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
hAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
hAxis.minValue |
Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
interpolateNulls |
Czy odgadnąć wartość brakujących punktów. Jeśli
Ta opcja nie jest obsługiwana na wykresach warstwowych z opcją Typ:
boolean Wartość domyślna:
false |
isStacked |
Jeśli ma wartość
Opcja
Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.
Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 (
Stos 100% obsługuje tylko wartości danych typu Typ:
boolean /string Wartość domyślna:
false |
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i wyświetlić tylko punkty, użyj wartości 0. Wartości poszczególnych serii możesz zastępować za pomocą właściwości Typ:
number Wartość domyślna:
2 |
pointShape |
Kształt poszczególnych elementów danych: Typ:
string Wartość domyślna:
'circle' |
pointSize |
Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, użyj wartości 0. Możesz zastąpić wartości w przypadku poszczególnych serii za pomocą właściwości Typ:
number Wartość domyślna:
0 |
reverseCategories |
Jeśli ustawiona jest wartość
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
seriale |
Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć domyślnych wartości serii, określ pusty obiekt
Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna:
{} |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Jeśli ustawisz wartość Typ:
boolean |
useFirstColumnAsDomain |
Jeśli ustawisz wartość 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
Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
Opcje konfiguracji wykresu słupkowego
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ: liczba lub
string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. 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
Aby określić wykres z wieloma poziomymi osiami, najpierw zdefiniuj nową oś za pomocą właściwości
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt hAxes: { {}, // Nothing specified for axis 0 { title:'Losses', textStyle: { color: 'red' } } // Axis 1 Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.direction |
Kierunek, w którym rosną wartości na osi poziomej. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
hAxis.gridlines |
Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.gridlines.color |
Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
hAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
hAxis.logScale |
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
hAxis.maxValue |
Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.minorGridlines.color |
Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
hAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
hAxis.minValue |
Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
isStacked |
Jeśli ma wartość
Opcja
Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.
Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 (
Stos 100% obsługuje tylko wartości danych typu Typ:
boolean /string Wartość domyślna:
false |
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Jeśli ustawiona jest wartość
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
seriale |
Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie.
Aby użyć wartości domyślnych dla serii, określ pusty obiekt
Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna:
{} |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
linie trendu |
Wyświetla
linie trendu
na obsługujących je wykresach. Domyślnie używane są linie trendu
Linie trendów są określane dla poszczególnych serii, więc większość opcji będzie wyglądać tak: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Wartość domyślna:
null |
trendlines.n.color |
Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy. Typ:
string Domyślny:domyślny kolor serii.
|
trendlines.n.degree |
W przypadku
linii trendu
wartości Typ:
number Wartość domyślna:
3 |
trendlines.n.labelInLegend |
Jeśli jest ustawiony, linia trendu będzie wyświetlać się w legendzie jako ten ciąg znaków. Typ:
string Wartość domyślna:
null |
trendlines.n.lineWidth |
Szerokość linii linii trendu podana w pikselach. Typ:
number Wartość domyślna:
2 |
trendlines.n.type |
Określa, czy
linie trendu
mają wartość Typ:
string Wartość domyślna:
linear |
trendlines.n.visibleInLegend |
Określa, czy w legendzie pojawi się równanie linii trendu . Pojawi się ono w etykietce linii trendu. Typ:
boolean Wartość domyślna:
false |
useFirstColumnAsDomain |
Jeśli ustawisz wartość Typ:
boolean |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
Opcje konfiguracji wykresu bąbelkowego
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
bańka |
Obiekt z elementami służącymi do konfigurowania właściwości wizualnych dymków. Typ:
object Wartość domyślna:
null |
bubble.opacity |
Przezroczystość dymków, gdzie Typ: liczba od 0,0 do 1,0.
Wartość domyślna: 0,8
|
bubble.stroke |
Kolor kreski bąbelków. Typ:
string Wartość domyślna:
'#ccc' |
bubble.textStyle |
Obiekt określający styl tekstu dymka. Obiekt ma taki format: {color: <string>, fontName: <string>, fontSize: <number>}
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość „%”. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, to wartość procentowa. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.direction |
Kierunek, w którym rosną wartości na osi poziomej. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
hAxis.gridlines |
Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.gridlines.color |
Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
hAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
hAxis.logScale |
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
hAxis.maxValue |
Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.minorGridlines.color |
Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
hAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
hAxis.minValue |
Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
seriale |
Obiekt obiektów, gdzie klucze to nazwy serii (wartości w kolumnie Kolor) i każdy obiekt opisujący format odpowiedniej serii na wykresie. Jeśli ciąg lub wartość nie są określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:
series: {'Europe': {color: 'green'}} Typ: obiekt z zagnieżdżonymi obiektami.
Wartość domyślna:
{} |
sizeAxis |
Obiekt z elementami służącymi do konfigurowania sposobu powiązania wartości z rozmiarem dymka. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {minValue: 0, maxSize: 20} Typ:
object Wartość domyślna:
null |
sizeAxis.maxSize |
Maksymalny promień największego możliwego bąbelka (w pikselach). Typ:
number Wartość domyślna: 30
|
sizeAxis.minSize |
Minimalny promień najmniejszego możliwego bąbelka (w pikselach). Typ:
number Wartość domyślna: 5
|
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Jeśli ustawisz wartość Typ:
boolean |
useFirstColumnAsDomain |
Jeśli ustawisz wartość 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
Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
Opcje konfiguracji kalendarza
Nazwa | |
---|---|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
szerokość |
Szerokość wykresu w pikselach. Typ:
number Domyślna: szerokość elementu zawierającego element
|
Opcje konfiguracji wykresu świecowego
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.direction |
Kierunek, w którym rosną wartości na osi poziomej. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
hAxis.gridlines |
Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.gridlines.color |
Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
hAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
hAxis.logScale |
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
hAxis.maxValue |
Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.minorGridlines.color |
Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
hAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
hAxis.minValue |
Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Jeśli ustawiona jest wartość
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
seriale |
Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie.
Aby użyć wartości domyślnych dla serii, określ pusty obiekt
Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna:
{} |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Jeśli ustawisz wartość 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
Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
Opcje konfiguracji wykresu kolumnowego
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.direction |
Kierunek, w którym rosną wartości na osi poziomej. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
hAxis.gridlines |
Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.gridlines.color |
Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
hAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
hAxis.logScale |
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
hAxis.maxValue |
Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.minorGridlines.color |
Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
hAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
hAxis.minValue |
Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
isStacked |
Jeśli ma wartość
Opcja
Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.
Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 (
Stos 100% obsługuje tylko wartości danych typu Typ:
boolean /string Wartość domyślna:
false |
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Jeśli ustawiona jest wartość
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
seriale |
Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie.
Aby użyć wartości domyślnych dla serii, określ pusty obiekt
Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna:
{} |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
linie trendu |
Wyświetla
linie trendu
na obsługujących je wykresach. Domyślnie używane są linie trendu
Linie trendów są określane dla poszczególnych serii, więc większość opcji będzie wyglądać tak: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Wartość domyślna:
null |
trendlines.n.color |
Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy. Typ:
string Domyślny:domyślny kolor serii.
|
trendlines.n.degree |
W przypadku
linii trendu
wartości Typ:
number Wartość domyślna:
3 |
trendlines.n.labelInLegend |
Jeśli jest ustawiony, linia trendu będzie wyświetlać się w legendzie jako ten ciąg znaków. Typ:
string Wartość domyślna:
null |
trendlines.n.lineWidth |
Szerokość linii linii trendu podana w pikselach. Typ:
number Wartość domyślna:
2 |
trendlines.n.type |
Określa, czy
linie trendu
mają wartość Typ:
string Wartość domyślna:
linear |
trendlines.n.visibleInLegend |
Określa, czy w legendzie pojawi się równanie linii trendu . Pojawi się ono w etykietce linii trendu. Typ:
boolean Wartość domyślna:
false |
useFirstColumnAsDomain |
Jeśli ustawisz wartość 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
Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
Opcje konfiguracji wykresu mieszanego
Nazwa | |
---|---|
areaOpacity |
Domyślna przezroczystość kolorowego obszaru pod serią wykresu warstwowego, gdzie Typ:
number , 0.0- 1.0 Wartość domyślna:
0.3 |
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
curveType |
Steruje krzywą linii, gdy szerokość linii nie wynosi zero. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna: „brak”.
|
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.direction |
Kierunek, w którym rosną wartości na osi poziomej. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
hAxis.gridlines |
Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.gridlines.color |
Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
hAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
hAxis.logScale |
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
hAxis.maxValue |
Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.minorGridlines.color |
Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
hAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
hAxis.minValue |
Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
interpolateNulls |
Czy odgadnąć wartość brakujących punktów. Jeśli
Ta opcja nie jest obsługiwana na wykresach warstwowych z opcją Typ:
boolean Wartość domyślna:
false |
isStacked |
Jeśli ma wartość
Opcja
Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.
Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 (
Stos 100% obsługuje tylko wartości danych typu Typ:
boolean /string Wartość domyślna:
false |
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i wyświetlić tylko punkty, użyj wartości 0. Wartości poszczególnych serii możesz zastępować za pomocą właściwości Typ:
number Wartość domyślna:
2 |
pointShape |
Kształt poszczególnych elementów danych: Typ:
string Wartość domyślna:
'circle' |
pointSize |
Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, użyj wartości 0. Możesz zastąpić wartości w przypadku poszczególnych serii za pomocą właściwości Typ:
number Wartość domyślna:
0 |
reverseCategories |
Jeśli ustawiona jest wartość
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
seriale |
Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych serii, podaj pusty obiekt
Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna:
{} |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Jeśli ustawisz wartość 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
Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
Opcje konfiguracji wskaźnika
Nazwa | |
---|---|
greenColor |
Kolor dla zielonej sekcji w zapisie koloru HTML. Typ:
string Wartość domyślna:
'#109618' |
greenFrom |
Najniższa wartość dla zakresu oznaczonego zielonym kolorem. Typ:
number Wartość domyślna: brak
|
greenTo |
Najwyższa wartość zakresu oznaczonego zielonym kolorem. Typ:
number Wartość domyślna: brak
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna:szerokość kontenera.
|
maksimum |
Maksymalna wartość wyświetlana na osi Y. Jeśli maksymalny punkt danych przekracza tę wartość, ustawienie to jest ignorowane, a wykres jest dostosowywany tak, aby pokazać następny główny znacznik wyboru powyżej punktu maksymalnego. Ma to pierwszeństwo przed maksymalną wartością na osi Y określoną przez Jest ona podobna do danych Typ:
number Domyślnie: automatycznie
|
min |
Minimalna wartość wyświetlana na osi Y. Jeśli minimalny punkt danych jest mniejszy niż ta wartość, ustawienie to jest ignorowane, a wykres jest dostosowywany tak, aby pokazać następny główny znacznik wyboru poniżej punktu minimalnego. Ma to pierwszeństwo przed minimalną wartością osi Y określoną przez Jest ona podobna do danych Typ:
number Domyślnie: automatycznie
|
redColor |
Kolor sekcji czerwonej w zapisie koloru HTML. Typ:
string Wartość domyślna:
'#DC3912' |
redFrom |
Najniższa wartość zakresu oznaczonego kolorem czerwonym. Typ:
number Wartość domyślna: brak
|
redTo |
Najwyższa wartość zakresu oznaczonego kolorem czerwonym. Typ:
number Wartość domyślna: brak
|
szerokość |
Szerokość wykresu w pikselach. Typ:
number Domyślna:szerokość kontenera.
|
yellowColor |
Kolor żółty w zapisie koloru HTML. Typ:
string Wartość domyślna:
'#FF9900' |
yellowFrom |
Najniższa wartość dla zakresu oznaczonego kolorem żółtym. Typ:
number Wartość domyślna: brak
|
yellowTo |
Najwyższa wartość zakresu oznaczonego kolorem żółtym. Typ:
number Wartość domyślna: brak
|
Opcje konfiguracji wykresu geograficznego
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
datalessRegionColor |
Kolor do przypisania do regionów bez powiązanych danych. Typ:
string Wartość domyślna:
'#F5F5F5' |
defaultColor |
Kolor używany dla punktów danych na wykresie geograficznym, gdy lokalizacja (np. Typ:
string Wartość domyślna:
'#267114' |
displayMode |
Typ wykresu geograficznego. Format tabeli danych musi pasować do podanej wartości. Obsługiwane są te wartości:
Typ:
string Wartość domyślna: „auto”.
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
region |
Obszar do wyświetlenia na wykresie geograficznym. Wyświetlane są też otoczenie. Dostępne wartości:
Typ:
string Wartość domyślna: „world”.
|
szerokość |
Szerokość wykresu w pikselach. Typ:
number Domyślna: szerokość elementu zawierającego element
|
Opcje konfiguracji histogramu
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ: string lub object /div>
Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.gridlines |
Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.gridlines.color |
Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
hAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
hAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.minorGridlines.color |
Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
hAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
histogram.bucketSize |
Zakoduj na stałe rozmiar każdego słupka histogramu, zamiast określać go za pomocą algorytmu. Typ:
number Wartość domyślna: automatyczna
|
histogram.hideBucketItems |
Pomiń cienkie podziały między blokami histogramu, tworząc serię jednolitych pasków. Typ:
boolean Wartość domyślna:
false |
histogram.lastBucketPercentile |
Podczas obliczania rozmiaru zasobnika histogramu zignoruj górną i dolną część ( Typ:
number Wartość domyślna:
0 |
interpolateNulls |
Czy odgadnąć wartość brakujących punktów. Jeśli
Ta opcja nie jest obsługiwana na wykresach warstwowych z opcją Typ:
boolean Wartość domyślna:
false |
isStacked |
Jeśli ma wartość
Opcja
Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.
Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 (
Stos 100% obsługuje tylko wartości danych typu Typ:
boolean /string Wartość domyślna:
false |
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Jeśli ustawiona jest wartość
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
seriale |
Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych serii, podaj pusty obiekt
Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna:
{} |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
useFirstColumnAsDomain |
Jeśli ustawisz wartość 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
Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
szerokość |
Szerokość wykresu w pikselach. Typ:
number Domyślna: szerokość elementu zawierającego element
|
Opcje konfiguracji wykresu liniowego
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
curveType |
Steruje krzywą linii, gdy szerokość linii nie wynosi zero. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna: „brak”.
|
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.direction |
Kierunek, w którym rosną wartości na osi poziomej. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
hAxis.gridlines |
Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.gridlines.color |
Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
hAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
hAxis.logScale |
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
hAxis.maxValue |
Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.minorGridlines.color |
Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
hAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
hAxis.minValue |
Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
interpolateNulls |
Czy odgadnąć wartość brakujących punktów. Jeśli
Ta opcja nie jest obsługiwana na wykresach warstwowych z opcją Typ:
boolean Wartość domyślna:
false |
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i wyświetlić tylko punkty, użyj wartości 0. Wartości poszczególnych serii możesz zastępować za pomocą właściwości Typ:
number Wartość domyślna:
2 |
pointShape |
Kształt poszczególnych elementów danych: Typ:
string Wartość domyślna:
'circle' |
pointSize |
Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, użyj wartości 0. Możesz zastąpić wartości w przypadku poszczególnych serii za pomocą właściwości Typ:
number Wartość domyślna:
0 |
reverseCategories |
Jeśli ustawiona jest wartość
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
seriale |
Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie.
Aby użyć wartości domyślnych dla serii, określ pusty obiekt
Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dane. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna:
{} |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Jeśli ustawisz wartość Typ:
boolean |
linie trendu |
Wyświetla
linie trendu
na obsługujących je wykresach. Domyślnie używane są linie trendu
Linie trendów są określane dla poszczególnych serii, więc większość opcji będzie wyglądać tak: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Wartość domyślna:
null |
trendlines.n.color |
Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy. Typ:
string Domyślny:domyślny kolor serii.
|
trendlines.n.degree |
W przypadku
linii trendu
wartości Typ:
number Wartość domyślna:
3 |
trendlines.n.labelInLegend |
Jeśli jest ustawiony, linia trendu będzie wyświetlać się w legendzie jako ten ciąg znaków. Typ:
string Wartość domyślna:
null |
trendlines.n.lineWidth |
Szerokość linii linii trendu w pikselach. Typ:
number Wartość domyślna:
2 |
trendlines.n.type |
Określa, czy
linie trendu
mają wartość Typ:
string Wartość domyślna:
linear |
trendlines.n.visibleInLegend |
Określa, czy w legendzie pojawi się równanie linii trendu . Pojawi się ono w etykietce linii trendu. Typ:
boolean Wartość domyślna:
false |
useFirstColumnAsDomain |
Jeśli ustawisz wartość 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
Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
Opcje konfiguracji wykresu organizacyjnego
Nazwa | |
---|---|
kolor |
Kolor tła elementów wykresu organizacyjnego. Typ:
Wartość domyślna:
'#edf7ff' |
selectionColor |
Kolor tła wybranych elementów wykresu organizacyjnego. Typ:
string Wartość domyślna:
'#d6e9f8' |
rozmiar |
Całkowity rozmiar wykresu. Dostępne opcje to Typ:
string Wartość domyślna:
'medium' |
Opcje konfiguracji wykresu kołowego
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
is3D |
Jeśli Typ:
boolean Wartość domyślna:
false |
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
pieHole |
Jeśli mieści się w zakresie od Typ:
number Wartość domyślna:
0 |
pieSliceBorderColor |
Kolor obramowania wycinka. Ma zastosowanie tylko wtedy, gdy wykres jest dwuwymiarowy. Typ:
string Wartość domyślna:
'white' |
pieSliceText |
Treść tekstu wyświetlana na wycinku. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'percentage' |
pieSliceTextStyle |
Obiekt określający styl tekstu wycinka. Obiekt ma taki format: {color: <string>, fontName: <string>, fontSize: <number>}
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Jeśli ustawiona jest wartość
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
slices.color |
Kolor, który zostanie użyty dla tego wycinka. Typ:
string |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
Opcje konfiguracji wykresu punktowego
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
curveType |
Steruje krzywą linii, gdy szerokość linii nie wynosi zero. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna: „brak”.
|
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.direction |
Kierunek, w którym rosną wartości na osi poziomej. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
hAxis.gridlines |
Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki osi poziomej są rysowane pionowo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.gridlines.color |
Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
hAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
hAxis.logScale |
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
hAxis.maxValue |
Przenosi maksymalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to działać w prawo. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi poziomej, podobnie jak w opcji
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
hAxis.minorGridlines.color |
Kolor poziomych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
hAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
hAxis.minValue |
Przenosi minimalną wartość na osi poziomej do określonej wartości. Na większości wykresów będzie to przesuwać się w lewo. Ignorowana, jeśli została ustawiona na wartość większą niż minimalna wartość x danych.
Typ:
number Domyślnie: automatycznie
|
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineWidth |
Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i wyświetlić tylko punkty, użyj wartości 0. Wartości poszczególnych serii możesz zastępować za pomocą właściwości Typ:
number Wartość domyślna:
2 |
pointShape |
Kształt poszczególnych elementów danych: Typ:
string Wartość domyślna:
'circle' |
pointSize |
Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, użyj wartości 0. Możesz zastąpić wartości w przypadku poszczególnych serii za pomocą właściwości Typ:
number Wartość domyślna:
0 |
seriale |
Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych serii, podaj pusty obiekt
Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii odnosi się dany ciąg. Na przykład dwie kolejne deklaracje są identyczne i oznaczają pierwszą serię jako czarną i nieobecną w legendzie, a czwartą jako czerwoną i nieobecną w legendzie: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna:
{} |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Jeśli ustawisz wartość Typ:
boolean |
linie trendu |
Wyświetla
linie trendu
na obsługujących je wykresach. Domyślnie używane są linie trendu
Linie trendów są określane dla poszczególnych serii, więc większość opcji będzie wyglądać tak: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Typ:
object Wartość domyślna:
null |
trendlines.n.color |
Kolor linii trendu wyrażony jako angielska nazwa koloru lub ciąg szesnastkowy. Typ:
string Domyślny:domyślny kolor serii.
|
trendlines.n.degree |
W przypadku
linii trendu
wartości Typ:
number Wartość domyślna:
3 |
trendlines.n.labelInLegend |
Jeśli jest ustawiony, linia trendu będzie wyświetlać się w legendzie jako ten ciąg znaków. Typ:
string Wartość domyślna:
null |
trendlines.n.lineWidth |
Szerokość linii linii trendu w pikselach. Typ:
number Wartość domyślna:
2 |
trendlines.n.type |
Określa, czy
linie trendu
mają wartość Typ:
string Wartość domyślna:
linear |
trendlines.n.visibleInLegend |
Określa, czy w legendzie pojawi się równanie linii trendu . Pojawi się ono w etykietce linii trendu. Typ:
boolean Wartość domyślna:
false |
useFirstColumnAsDomain |
Jeśli ustawisz wartość 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
Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
Opcje konfiguracji wykresu warstwowego krokowego
Nazwa | |
---|---|
areaOpacity |
Domyślna przezroczystość kolorowego obszaru pod serią wykresu warstwowego, gdzie Typ:
number , 0.0- 1.0 Wartość domyślna:
0.3 |
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
backgroundColor.fill |
Kolor wypełnienia wykresu jako ciąg znaków HTML. Typ:
string Wartość domyślna:
'white' |
chartArea |
Obiekt z elementami służącymi do konfigurowania położenia i rozmiaru obszaru wykresu (który jest rysowany, z wyłączeniem osi i legend). Obsługiwane są dwa formaty: liczba lub liczba, po której następuje wartość procentowa. Prosta liczba określa wartość w pikselach, a liczba, po której następuje wartość procentowa, jest wartością procentową. Przykład: Typ:
object Wartość domyślna:
null |
chartArea.backgroundColor |
Kolor tła obszaru wykresu. W przypadku użycia ciągu znaków może to być ciąg szesnastkowy (np.
'#fdc' ) lub angielską nazwę koloru. Kiedy używany jest obiekt, można podać te właściwości:
Typ:
string lub object Wartość domyślna:
'white' |
chartArea.height |
Wysokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.left |
Jak daleko od lewej krawędzi narysować wykres. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.top |
Sposób, w jaki można narysować wykres od górnej krawędzi. Typ:
number lub string Wartość domyślna: automatyczna
|
chartArea.width |
Szerokość obszaru wykresu. Typ:
number lub string Wartość domyślna: automatyczna
|
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
hAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Typ:
object Wartość domyślna:
null |
hAxis.direction |
Kierunek, w którym rosną wartości na osi poziomej. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
hAxis.textPosition |
Położenie tekstu osi poziomej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
hAxis.textStyle |
Obiekt określający styl tekstu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.title |
Typ:
string Wartość domyślna:
null |
hAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.viewWindow |
Określa zakres przycinania na osi poziomej. Typ:
object Wartość domyślna:
null |
hAxis.viewWindow.max |
Maksymalna wartość danych w poziomie do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
hAxis.viewWindow.min |
Minimalna pozioma wartość danych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
isStacked |
Jeśli ma wartość
Opcja
Przy skumulowaniu 100% obliczona wartość każdego elementu pojawi się w etykietce po jego rzeczywistej wartości.
Na osi docelowej domyślnie będą pokazywane wartości na podstawie względnej skali 0–1 jako ułamków 1 (
Stos 100% obsługuje tylko wartości danych typu Typ:
boolean / string Wartość domyślna:
false |
legenda |
Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Typ:
object Wartość domyślna:
null |
legend.position |
Położenie legendy. Użyj jednego z tych rodzajów wartości:
Typ:
string Wartość domyślna:
'right' |
legendTextStyle |
Obiekt określający styl tekstu legendy. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
reverseCategories |
Jeśli ustawiona jest wartość
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
boolean Wartość domyślna:
false |
seriale |
Tablica obiektów, z których każdy opisują format odpowiedniej serii na wykresie.
Aby użyć wartości domyślnych dla serii, określ pusty obiekt
Możesz określić tablicę obiektów, z których każdy ma zastosowanie do serii w podanej kolejności, albo wskazać obiekt, w którym każdy element podrzędny ma klucz liczbowy wskazujący, do której serii ma zastosowanie.Na przykład dwie kolejne deklaracje są identyczne, a pierwsza seria jest czarna, której nie ma w legendzie, a czwarta jako czerwona i nieobecna w legendzie: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Typ: tablica obiektów lub obiekt z zagnieżdżonymi obiektami
Wartość domyślna:
{} |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
motyw |
Motyw to zestaw wstępnie zdefiniowanych wartości opcji, które wspólnie umożliwiają uzyskanie określonego działania lub efektu wizualnego na wykresie. Obecnie dostępny jest tylko jeden motyw:
Typ:
string Wartość domyślna:
null |
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
treatLabelsAsText |
Jeśli ustawisz wartość Typ:
boolean |
useFirstColumnAsDomain |
Jeśli ustawisz wartość 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
Aby określić wykres z wieloma osiami pionowymi, najpierw zdefiniuj nową oś za pomocą właściwości { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
Ta właściwość może być obiektem lub tablicą: obiekt to zbiór obiektów, każda z etykietą liczbową określającą oś, którą określa. Ma to format przedstawiony powyżej. Tablica to tablica obiektów, po 1 na oś. Na przykład ten zapis w stylu tablicy jest taki sam jak obiekt vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Typ: tablica obiektów lub obiektów z obiektami podrzędnymi
Wartość domyślna:
null |
vAxis |
Obiekt z elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Typ:
object Wartość domyślna:
null |
vAxis.direction |
Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości są wyświetlane na dole wykresu. Wpisz Typ:
1 lub -1 Wartość domyślna:
1 |
vAxis.gridlines |
Obiekt z elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu w ten sposób: {color: '#333', minSpacing: 20}
Ta opcja jest obsługiwana tylko w przypadku osi Typ:
object Wartość domyślna:
null |
vAxis.gridlines.color |
Kolor pionowych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Wartość domyślna:
'#CCC' |
vAxis.gridlines.count |
Przybliżona liczba poziomych linii siatki w obszarze wykresu.
Jeśli określisz liczbę dodatnią w polu Typ:
number Wartość domyślna:
-1 |
vAxis.logScale |
Jeśli ustawiona jest wartość Typ:
boolean Wartość domyślna:
false |
vAxis.maxValue |
Przenosi maksymalną wartość na osi pionowej do określonej wartości. Na większości wykresów będzie ona wyższa. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość y danych.
Typ:
number Domyślnie: automatycznie
|
vAxis.minorGridlines |
Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak w przypadku opcji vAxis.gridlines. Typ:
object Wartość domyślna:
null |
vAxis.minorGridlines.color |
Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy ciąg znaków HTML koloru. Typ:
string Domyślne: połączenie kolorów linii siatki i kolorów tła.
|
vAxis.minorGridlines.count |
Opcja Typ:
number Wartość domyślna:
1 |
vAxis.minValue |
Przenosi minimalną wartość na osi pionowej do określonej wartości. W przypadku większości wykresów ta wartość będzie niższa. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych.
Typ:
number Wartość domyślna:
null |
vAxis.textPosition |
Położenie tekstu osi pionowej względem obszaru wykresu. Obsługiwane wartości: Typ:
string Wartość domyślna:
'out' |
vAxis.textStyle |
Obiekt określający styl tekstu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.title |
Określa tytuł osi pionowej. Typ:
string Domyślnie: bez tytułu
|
vAxis.titleTextStyle |
Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.viewWindow |
Określa zakres przycinania na osi pionowej. Typ:
object Wartość domyślna:
null |
vAxis.viewWindow.max |
Maksymalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
vAxis.viewWindow.min |
Minimalna wartość danych pionowych do wyrenderowania. Ignorowana, gdy Typ:
number Wartość domyślna: automatyczna
|
szerokość |
Szerokość wykresu w pikselach. Typ:
number Domyślna: szerokość elementu zawierającego element
|
Opcje konfiguracji wykresu tabelarycznego
Nazwa | |
---|---|
alternatingRowStyle |
Określa, czy zmienny styl kolorów zostanie przypisany do wierszy nieparzystych i parzystych. Typ:
boolean Wartość domyślna:
true |
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
strona |
Czy i jak włączyć stronicowanie danych? Wybierz jedną z tych wartości ustawienia
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ść Typ:
boolean Wartość domyślna:
false |
sortuj |
czy i jak sortować kolumny, gdy użytkownik kliknie nagłówek kolumny. Jeśli sortowanie jest włączone, możesz też ustawić właściwości
Typ:
string Wartość domyślna:
'enable' |
sortAscending |
Kolejność, według której sortowana jest początkowa kolumna sortowania. Typ:
boolean Wartość domyślna:
true |
sortColumn |
Indeks kolumny w tabeli danych, według której tabela jest początkowo sortowana. Kolumna jest oznaczona małą strzałką wskazującą kolejność sortowania. Typ:
number Wartość domyślna:
-1 |
szerokość |
Szerokość wykresu w pikselach. Typ:
number Domyślna: szerokość elementu zawierającego element
|
Opcje konfiguracji osi czasu
Nazwa | |
---|---|
backgroundColor |
Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML, np. Typ:
string lub object Wartość domyślna:
'white' |
kolory |
Kolory, których chcesz używać w elementach wykresu. Tablica ciągów znaków, w których każdy element jest ciągiem znaków HTML koloru, np. Typ: tablica ciągów znaków.
Domyślne:kolory domyślne.
|
wysokość |
Wysokość wykresu w pikselach. Typ:
number Domyślna: wysokość elementu zawierającego ten element
|
szerokość |
Szerokość wykresu w pikselach. Typ:
number Domyślna: szerokość elementu zawierającego element
|
Opcje konfiguracji mapy drzewa
Nazwa | |
---|---|
headerColor |
Kolor sekcji nagłówka dla każdego węzła. Określ wartość koloru HTML. Typ:
string Wartość domyślna:
#988f86 |
maxColor |
Kolor prostokąta, w którym wartość w kolumnie 3 to Typ:
string Wartość domyślna:
#00dd00 |
maxDepth |
Maksymalna liczba poziomów węzłów wyświetlanych w bieżącym widoku. Poziomy są rozkładane na bieżącej płaszczyźnie. Jeśli Twoje drzewo ma więcej poziomów, musisz przejść w górę lub w dół, aby je zobaczyć. Poniżej możesz też zobaczyć poziom Typ:
number Wartość domyślna:
1 |
maxPostDepth |
Liczba poziomów węzłów poza Typ:
number Wartość domyślna:
0 |
midColor |
Kolor prostokąta z wartością kolumny 3 w połowie zakresu od Typ:
string Wartość domyślna:
#000000 |
minColor |
Kolor prostokąta z wartością Typ:
string Wartość domyślna:
#dd0000 |
noColor |
Kolor prostokąta, gdy węzeł nie ma wartości w kolumnie 3, a ten węzeł jest liściem (lub zawiera tylko liście). Określ wartość koloru HTML. Typ:
string Wartość domyślna:
#000000 |
podtytuł |
Tekst do wyświetlenia pod tytułem wykresu. Typ:
string Domyślnie: bez tytułu
|
subtitleTextStyle |
Obiekt określający styl tekstu tytułu.
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
textStyle |
Obiekt określający styl tekstu tytułu. Kolor może być dowolnym ciągiem znaków HTML, np. Typ:
object Wartość domyślna: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
title |
Tekst do wyświetlenia nad wykresem. Typ:
string Domyślnie: bez tytułu
|
titleTextStyle |
Obiekt określający styl tekstu tytułu. Obiekt ma taki format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Typ:
object
Wartość domyślna:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|