Opcje konfiguracji wykresu

Typy wykresów

Opcje konfiguracji wykresu adnotacji

Nazwa
kolory

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

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

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

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

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

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

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

Maksymalna wartość do wyświetlania na osi Y. Jeśli maksymalna liczba punktów danych przekracza tę wartość, zostanie jest ignorowane, a wykres jest dostosowywany tak, by wyświetlał następny duży znacznik wyboru jest wyższa od maksymalnego punktu danych. Ma to pierwszeństwo przed maksymalną określoną osią Y do scaleType.

Jest podobny do maxValue na wykresach podstawowych.

Typ: number
Domyślne:automatyczne
min

Minimalna wartość wyświetlana na osi Y. Jeśli minimalny punkt danych jest mniejszy od tej wartości, to ustawienie jest ignorowane, a wykres jest dostosowywany tak, by wyświetlać następny duży znacznik poniżej minimalnego punktu danych. Ma to pierwszeństwo przed minimalną wartością na osi Y. określa scaleType.

Jest podobny do minValue na wykresach podstawowych.

Typ: number
Domyślne:automatyczne

Opcje konfiguracji wykresu warstwowego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru poniżej serii wykresu warstwowego, gdzie: Komponent 0.0 jest w pełni przezroczysty, a element 1.0 – całkowicie nieprzezroczysty. Aby określić przezroczystość dla dla pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

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

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

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

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

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

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

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

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

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Przenosi maksymalną wartość osi poziomej do określonej wartości. pojawi się od razu w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

Obiekt z elementami umożliwiającymi skonfigurowanie podrzędnych linii siatki na osi poziomej, podobnie jak opcję hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie licznika na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie na odstępie między główne linie siatki (zobacz hAxis.gridlines.interval) oraz minimalną ilość miejsca (patrz: hAxis.minorGridlines.minSpacing).

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

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

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

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

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

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

Określa, czy odgadnąć wartość brakujących punktów. Jeśli true, zgadnie wszystkich brakujących danych na podstawie sąsiednich punktów. Jeśli false, zostanie zostaw przerwę w nieznanym punkcie.

Ta funkcja nie jest obsługiwana przez Wykresy obszarowe z parametrem isStacked: true/'percent'/'relative'/'absolute'.

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

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: w Kolumna, Obszar oraz wykresy SteppedArea, Wykresy Google odwracają kolejność elementów legendy, aby lepiej pasowały do ułożenia elementy serii (np. seria 0 będzie skrajnie skrajnym legendą). Ten nie dotyczy Wykresy słupkowe.

Opcja isStacked obsługuje też 100% stosów, w których elementy są nakładane dla każdej wartości domeny są przeskalowane w celu dodania 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – gromadzi elementy wszystkich serii przy każdej wartości domeny i są przeskalowane tak, by sumować się do 100%, przy czym wartość każdego elementu jest obliczana jako procentu 100%.
  • 'relative' – gromadzi elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumować się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek z 1.
  • 'absolute' – działa tak samo jak isStacked: true.

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

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

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

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

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

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

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

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

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

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

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

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

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i pokazać tylko punkty, wpisz 0. Dostępne opcje zastąp wartości dla poszczególnych serii za pomocą właściwości series.

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

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Zobacz dokumentacja punktów .

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

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

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

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

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

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

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

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Ten może służyć do sterowania na przykład funkcją textStyle serii:

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

    Zapoznaj się z różnymi opcjami annotations, aby uzyskać pełną listę możliwych niestandardowe.

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

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

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

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

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

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

Typ: boolean
vAxes

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

Aby wskazać wykres z wieloma osiami pionowymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia vAxes. Poniższy przykład przypisuje serię 2 do prawej osi oraz określa niestandardowy tytuł i tekst stylu:

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

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem vAxis pokazanym powyżej:

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

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

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

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

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

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

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

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wykresu słupkowego

Nazwa
backgroundColor

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

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

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

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

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

Szerokość obszaru wykresu.

Typ: liczba lub string
Domyślnie automatycznie
kolory

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

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

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

Aby wskazać wykres z wieloma osiami poziomymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia hAxes. W poniższym przykładzie można przypisać serię 1 do dolnej osi i określić niestandardowy tytuł i tekst stylu:

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

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem hAxis pokazanym powyżej:

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Przenosi maksymalną wartość osi poziomej do określonej wartości. pojawi się od razu w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

Obiekt z elementami umożliwiającymi skonfigurowanie podrzędnych linii siatki na osi poziomej, podobnie jak opcję hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie licznika na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie na odstępie między główne linie siatki (zobacz hAxis.gridlines.interval) oraz minimalną ilość miejsca (patrz: hAxis.minorGridlines.minSpacing).

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

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

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

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

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

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

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: w Kolumna, Obszar oraz wykresy SteppedArea, Wykresy Google odwracają kolejność elementów legendy, aby lepiej pasowały do ułożenia elementy serii (np. seria 0 będzie skrajnie skrajnym legendą). Ten nie dotyczy Wykresy słupkowe.

Opcja isStacked obsługuje też 100% stosów, w których elementy są nakładane dla każdej wartości domeny są przeskalowane w celu dodania 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – gromadzi elementy wszystkich serii przy każdej wartości domeny i są przeskalowane tak, by sumować się do 100%, przy czym wartość każdego elementu jest obliczana jako procentu 100%.
  • 'relative' – gromadzi elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumować się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek z 1.
  • 'absolute' – działa tak samo jak isStacked: true.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Ten może służyć do sterowania na przykład funkcją textStyle serii:

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

    Zapoznaj się z różnymi opcjami annotations, aby uzyskać pełną listę możliwych niestandardowe.

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

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

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

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

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

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

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

Wyświetlacze linie trendu na wykresach, które je potwierdzają. Domyślnie linear linia trendu jest i można je dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla każdej serii, więc najczęściej Twoje opcje będą wyglądać podobny do tego:

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 linia trendu , jest wyrażona jako angielska nazwa koloru lub ciąg szesnastkowy.

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

Dla: linie trendu type: 'polynomial', stopień wielomianu (2 dla kwadratowa, 3 dla sześciennego itd.).

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

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

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

Szerokość linii linia trendu w pikselach.

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

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

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

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

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

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

Typ: boolean
vAxis

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

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

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

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

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

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

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

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wykresu bąbelkowego

Nazwa
backgroundColor

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

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

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

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

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

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

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

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

Kolor dymków udar mózgu.

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

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

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

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

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

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

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

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

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Przenosi maksymalną wartość osi poziomej do określonej wartości. pojawi się od razu w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

Obiekt z elementami umożliwiającymi skonfigurowanie podrzędnych linii siatki na osi poziomej, podobnie jak opcję hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie licznika na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie na odstępie między główne linie siatki (zobacz hAxis.gridlines.interval) oraz minimalną ilość miejsca (patrz: hAxis.minorGridlines.minSpacing).

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

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

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

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

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

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

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

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

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

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

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

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

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

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

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

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

Obiekt z członkami służącymi do konfigurowania sposobu, w jaki wartości są powiązane z rozmiarem dymka. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

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

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

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

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

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

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

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

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

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

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

Typ: boolean
useFirstColumnAsDomain

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

Typ: boolean
vAxes

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

Aby wskazać wykres z wieloma osiami pionowymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia vAxes. Poniższy przykład przypisuje serię 2 do prawej osi oraz określa niestandardowy tytuł i tekst stylu:

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

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem vAxis pokazanym powyżej:

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

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

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

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

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

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

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

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji kalendarza

Nazwa
wysokość

Wysokość wykresu w pikselach.

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

Szerokość wykresu w pikselach.

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

Opcje konfiguracji wykresu świecowego

Nazwa
backgroundColor

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

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

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

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

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

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

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

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Przenosi maksymalną wartość osi poziomej do określonej wartości. pojawi się od razu w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

Obiekt z elementami umożliwiającymi skonfigurowanie podrzędnych linii siatki na osi poziomej, podobnie jak opcję hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie licznika na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie na odstępie między główne linie siatki (zobacz hAxis.gridlines.interval) oraz minimalną ilość miejsca (patrz: hAxis.minorGridlines.minSpacing).

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

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

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

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

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

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

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

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

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

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

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

Typ: boolean
vAxes

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

Aby wskazać wykres z wieloma osiami pionowymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia vAxes. Poniższy przykład przypisuje serię 2 do prawej osi oraz określa niestandardowy tytuł i tekst stylu:

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

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem vAxis pokazanym powyżej:

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

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

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

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

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

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

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

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wykresu kolumnowego

Nazwa
backgroundColor

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

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

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

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

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

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

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

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Przenosi maksymalną wartość osi poziomej do określonej wartości. pojawi się od razu w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

Obiekt z elementami umożliwiającymi skonfigurowanie podrzędnych linii siatki na osi poziomej, podobnie jak opcję hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie licznika na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie na odstępie między główne linie siatki (zobacz hAxis.gridlines.interval) oraz minimalną ilość miejsca (patrz: hAxis.minorGridlines.minSpacing).

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

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

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

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

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

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

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: w Kolumna, Obszar oraz wykresy SteppedArea, Wykresy Google odwracają kolejność elementów legendy, aby lepiej pasowały do ułożenia elementy serii (np. seria 0 będzie skrajnie skrajnym legendą). Ten nie dotyczy Wykresy słupkowe.

Opcja isStacked obsługuje też 100% stosów, w których elementy są nakładane dla każdej wartości domeny są przeskalowane w celu dodania 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – gromadzi elementy wszystkich serii przy każdej wartości domeny i są przeskalowane tak, by sumować się do 100%, przy czym wartość każdego elementu jest obliczana jako procentu 100%.
  • 'relative' – gromadzi elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumować się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek z 1.
  • 'absolute' – działa tak samo jak isStacked: true.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Ten może służyć do sterowania na przykład funkcją textStyle serii:

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

    Zapoznaj się z różnymi opcjami annotations, aby uzyskać pełną listę możliwych niestandardowe.

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

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

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

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

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

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

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

Wyświetlacze linie trendu na wykresach, które je potwierdzają. Domyślnie linear linia trendu jest i można je dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla każdej serii, więc najczęściej Twoje opcje będą wyglądać podobny do tego:

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 linia trendu , jest wyrażona jako angielska nazwa koloru lub ciąg szesnastkowy.

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

Dla: linie trendu type: 'polynomial', stopień wielomianu (2 dla kwadratowa, 3 dla sześciennego itd.).

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

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

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

Szerokość linii linia trendu w pikselach.

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

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

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

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

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

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

Typ: boolean
vAxes

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

Aby wskazać wykres z wieloma osiami pionowymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia vAxes. Poniższy przykład przypisuje serię 2 do prawej osi oraz określa niestandardowy tytuł i tekst stylu:

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

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem vAxis pokazanym powyżej:

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

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

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

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

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

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

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

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wykresu mieszanego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru poniżej serii wykresu warstwowego, gdzie: Komponent 0.0 jest w pełni przezroczysty, a element 1.0 – całkowicie nieprzezroczysty. Aby określić przezroczystość dla dla pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

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

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

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

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

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

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

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

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

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

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

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Przenosi maksymalną wartość osi poziomej do określonej wartości. pojawi się od razu w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

Obiekt z elementami umożliwiającymi skonfigurowanie podrzędnych linii siatki na osi poziomej, podobnie jak opcję hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie licznika na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie na odstępie między główne linie siatki (zobacz hAxis.gridlines.interval) oraz minimalną ilość miejsca (patrz: hAxis.minorGridlines.minSpacing).

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

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

Typ: number
Domyślne:automatyczne
hAxis.textPosition

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

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

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

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

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

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

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

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

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

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

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

Określa, czy odgadnąć wartość brakujących punktów. Jeśli true, zgadnie wszystkich brakujących danych na podstawie sąsiednich punktów. Jeśli false, zostanie zostaw przerwę w nieznanym punkcie.

Ta funkcja nie jest obsługiwana przez Wykresy obszarowe z parametrem isStacked: true/'percent'/'relative'/'absolute'.

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

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: w Kolumna, Obszar oraz wykresy SteppedArea, Wykresy Google odwracają kolejność elementów legendy, aby lepiej pasowały do ułożenia elementy serii (np. seria 0 będzie skrajnie skrajnym legendą). Ten nie dotyczy Wykresy słupkowe.

Opcja isStacked obsługuje też 100% stosów, w których elementy są nakładane dla każdej wartości domeny są przeskalowane w celu dodania 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – gromadzi elementy wszystkich serii przy każdej wartości domeny i są przeskalowane tak, by sumować się do 100%, przy czym wartość każdego elementu jest obliczana jako procentu 100%.
  • 'relative' – gromadzi elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumować się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek z 1.
  • 'absolute' – działa tak samo jak isStacked: true.

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

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

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

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

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

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

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

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

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

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

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

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

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i pokazać tylko punkty, wpisz 0. Dostępne opcje zastąp wartości dla poszczególnych serii za pomocą właściwości series.

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

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Zobacz dokumentacja punktów .

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

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, wpisz 0. Możesz zastępować wartości dla poszczególnych serii za pomocą właściwości series. Jeśli używasz tagu trendline, Opcja pointSize wpłynie na szerokość linii trendu, chyba że ją zastąpisz go za pomocą opcji trendlines.n.pointsize.

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

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

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

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

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

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Ten może służyć do sterowania na przykład funkcją textStyle serii:

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

    Zapoznaj się z różnymi opcjami annotations, aby uzyskać pełną listę możliwych niestandardowe.

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

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

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

Tekst do wyświetlenia pod tytułem wykresu.

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

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

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

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

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

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

Tekst do wyświetlenia nad wykresem.

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

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

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

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

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

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

Typ: boolean
vAxes

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

Aby wskazać wykres z wieloma osiami pionowymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia vAxes. Poniższy przykład przypisuje serię 2 do prawej osi oraz określa niestandardowy tytuł i tekst stylu:

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

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem vAxis pokazanym powyżej:

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

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

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

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

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

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

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

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

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

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

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

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

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

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

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

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

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

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

Określa tytuł osi pionowej.

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

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

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

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

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

Określa zakres przycięcia osi pionowej.

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

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

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

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie: automatycznie

Opcje konfiguracji wskaźnika

Nazwa
greenColor

Kolor dla zielonej sekcji w notacji kolorów HTML.

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

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

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

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

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

Wysokość wykresu w pikselach.

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

Maksymalna wartość do wyświetlania na osi Y. Jeśli maksymalna liczba punktów danych przekracza tę wartość, zostanie jest ignorowane, a wykres jest dostosowywany tak, by wyświetlał następny duży znacznik wyboru jest wyższa od maksymalnego punktu danych. Ma to pierwszeństwo przed maksymalną określoną osią Y do scaleType.

Jest podobny do maxValue na wykresach podstawowych.

Typ: number
Domyślne:automatyczne
min

Minimalna wartość wyświetlana na osi Y. Jeśli minimalny punkt danych jest mniejszy od tej wartości, to ustawienie jest ignorowane, a wykres jest dostosowywany tak, by wyświetlać następny duży znacznik poniżej minimalnego punktu danych. Ma to pierwszeństwo przed minimalną wartością na osi Y. określa scaleType.

Jest podobny do minValue na wykresach podstawowych.

Typ: number
Domyślne:automatyczne
redColor

Kolor czerwonej sekcji w notacji kolorów HTML.

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

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

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

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

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

Szerokość wykresu w pikselach.

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

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

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

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

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

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

Typ: number
Wartość domyślna: brak

Opcje konfiguracji wykresu geograficznego

Nazwa
backgroundColor

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

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

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

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

Kolor do przypisania do regionów bez powiązanych danych.

Typ: string
Wartość domyślna: '#F5F5F5'
defaultColor

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

Typ: string
Wartość domyślna: '#267114'
displayMode

Jakiego typu jest to wykres geograficzny? Format tabeli danych musi pasować do podanej wartości. obsługiwane są następujące wartości:

  • 'auto' – wybierz na podstawie formatu tabeli danych.
  • 'regions' – pokoloruj regiony na wykresie geograficznym.
  • 'markers' – umieść znaczniki w regionach.
  • 'text' – oznaczenie regionów tekstem z tabeli DataTable.
Typ: string
Domyślnie: „auto”.
wysokość

Wysokość wykresu w pikselach.

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

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

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

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

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

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

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

Obszar do wyświetlenia na wykresie geograficznym. Wyświetlane są również okoliczne obszary. Może być jedną z tych wartości:

  • 'world' – schemat geograficzny całego świata.
  • Kontynent lub subkontynent określony przez 3-cyfrowy kod, np. '011' dla Afryki Zachodniej.
  • Kraj określony za pomocą ISO 3166-1 alfa-2, np. 'AU' dla Australii.
  • Stan w Stanach Zjednoczonych, określony przez Kod ISO 3166-2:US, np. 'US-AL' w Alabamie. Pamiętaj, że opcja resolution musi być ustawiona na jedną z tych wartości 'provinces' lub 'metros'.
Typ: string
Domyślny: „world”.
szerokość

Szerokość wykresu w pikselach.

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

Opcje konfiguracji histogramu

Nazwa
backgroundColor

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

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

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

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

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

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu podanej szerokość (w kolorze stroke).
Typ: string lub object/div>
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

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

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

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

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

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

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

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

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

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

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

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

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

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

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

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

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

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

Obiekt z elementami umożliwiającymi skonfigurowanie podrzędnych linii siatki na osi poziomej, podobnie jak opcję hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku continuous .

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

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

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

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie licznika na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie na odstępie między główne linie siatki (zobacz hAxis.gridlines.interval) oraz minimalną ilość miejsca (patrz: hAxis.minorGridlines.minSpacing).

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

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

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

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

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

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

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

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

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

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

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

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

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

Określa zakres przycięcia osi poziomej.

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

Maksymalna wartość danych poziomych do renderowania.

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

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

Minimalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
histogram.bucketSize

Zakoduj na stałe rozmiar każdego słupka histogramu, aby uniknąć jego określenia algorytmicznie.

Typ: number
Domyślnie: automatycznie
histogram.hideBucketItems

Pomiń cienkie podziały między blokami histogramu, tworząc serię słupki ciągłe.

Typ: boolean
Wartość domyślna: false
histogram.lastBucketPercentile

Przy obliczaniu rozmiaru zasobnika histogramu zignoruj górną i dolną część lastBucketPercentile procent. Wartości to są wciąż uwzględnione w histogramie, ale nie mają wpływu na zasobnik.

Typ: number
Wartość domyślna: 0
interpolateNulls

Określa, czy odgadnąć wartość brakujących punktów. Jeśli true, zgadnie wszystkich brakujących danych na podstawie sąsiednich punktów. Jeśli false, zostanie zostaw przerwę w nieznanym punkcie.

Ta funkcja nie jest obsługiwana przez Wykresy obszarowe z parametrem isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Wartość domyślna: false
isStacked

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: w Kolumna, Obszar oraz wykresy SteppedArea, Wykresy Google odwracają kolejność elementów legendy, aby lepiej pasowały do ułożenia elementy serii (np. seria 0 będzie skrajnie skrajnym legendą). Ten nie dotyczy Wykresy słupkowe.

Opcja isStacked obsługuje też 100% stosów, w których elementy są nakładane dla każdej wartości domeny są przeskalowane w celu dodania 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – gromadzi elementy wszystkich serii przy każdej wartości domeny i są przeskalowane tak, by sumować się do 100%, przy czym wartość każdego elementu jest obliczana jako procentu 100%.
  • 'relative' – gromadzi elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumować się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek z 1.
  • 'absolute' – działa tak samo jak isStacked: true.

Przy 100% stosów obliczona wartość każdego elementu pojawi się na etykietce po jego wartość rzeczywistą.

Na osi docelowej domyślnie będą występować ułamki na podstawie względnej skali 0–1 wynosi 1 dla 'relative' i 0–100% dla 'percent' (Uwaga: jeśli używasz opcji 'percent', wartości osi i osi są wyświetlane jako wartości procentowe, jednak rzeczywiste wartości są względnymi wartościami ze skali 0–1. Dzieje się tak, ponieważ skoki na osi procentowej są wynikiem zastosowania formatu „#.##%”. do wartości skali 0–1. Gdy korzystasz z isStacked: 'percent', określ dowolne znaczniki lub linie siatki, używając względnych wartości skali 0–1). Możesz dostosować linii siatki i wartości znaczników oraz formatowanie za pomocą odpowiednich opcji hAxis/vAxis.

Grupowanie 100% obsługuje tylko wartości danych typu number i musi mają wartość bazową równą zero.

Typ: boolean/string
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu nie jest powiązana żadna seria. Jeśli chcesz, by legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku discrete major.

Typ: boolean
Wartość domyślna: false
seria

Tablica obiektów, z których każdy opisuje format odpowiedniej serii na wykresie. Aby użyć funkcji domyślne wartości serii, podaj pusty obiekt {}. Jeśli seria lub wartość nie zostały określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • targetAxisIndex – do której osi przypisać tę serię, gdzie wartość domyślna to 0. , a 1 jest osią przeciwną. Wartość domyślna to 0; ustaw na 1, aby zdefiniować wykres, w którym różne serie są renderowane na różnych osiach. Musisz przydzielić co najmniej 1 serię do osi domyślnej. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna być ma pozycję legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, albo możesz określić obiekt, w którym każdy element podrzędny ma klucz numeryczny wskazujący, do której serii ma zastosowanie. Na przykład dwie poniższe deklaracje są identyczne i pierwsza seria jest zadeklarowana jako czarna i nie ma jej w legendzie, a czwarta – jako czerwona i nie ma jej w legendzie:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Typ: tablica obiektów lub obiektów z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zbiór wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony wykres. zachowanie lub efekt wizualny. Obecnie dostępny jest tylko 1 motyw:

  • 'maximized' – maksymalizuje obszar wykresu oraz rysuje legendę i wszystkie etykiety. w obszarze wykresu.
Typ: string
Wartość domyślna: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości wspierany przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne dotyczące w tej samej usłudze.

Aby wskazać wykres z wieloma osiami pionowymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia vAxes. Poniższy przykład przypisuje serię 2 do prawej osi oraz określa niestandardowy tytuł i tekst stylu:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem vAxis pokazanym powyżej:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Typ: tablica obiektów lub obiektów podrzędnych
Wartość domyślna: null
vAxis

Obiekt ze elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj wartość -1 do odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt ze elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki na osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku continuous .

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli dla parametru gridlines.count podasz liczbę dodatnią, będzie używany do obliczania elementu minSpacing między liniami siatki. Możesz podać wartość 1, by narysować tylko jedną linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1. aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli true, oś pionowa jest skalą logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej do określonej wartości. wzrośnie w większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość „y” danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak Opcja vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

Typ: string
Domyślny: połączenie koloru linii siatki i koloru tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej do określonej wartości. będzie spadek w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu na osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie bez tytułu.
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie
vAxis.viewWindow.min

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji wykresu liniowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML koloru, na przykład: 'red' lub '#00cc00' albo obiekt z tymi wartościami usług.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z członkami służącymi do konfigurowania miejsca docelowego i rozmiaru obszaru wykresu (gdzie wykres samodzielnie, z wyłączeniem osi i legend. Obsługiwane są 2 formaty: liczba lub liczba, po której następuje znak %. Prosta liczba to wartość w pikselach. liczba, po której następuje znak %, to procent. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
chartArea.left

Jak daleko od lewej krawędzi należy narysować wykres.

Typ: number lub string
Domyślnie automatycznie
chartArea.top

Odległość wykresu od górnej krawędzi.

Typ: number lub string
Domyślnie automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, w których każdy element to kod HTML ciąg koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślne:kolory domyślne
curveType

Kontroluje krzywą linii, gdy szerokość linii jest różna od zera. Użyj jednego z tych rodzajów wartości:

  • 'none' – linie proste bez krzywej.
  • 'function' – kąty linii zostaną wygładzone.
Typ: string
Domyślna: „none” (brak).
hAxis

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Podaj wartość -1 do odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki na osi poziomej są rysowane w pionie. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku continuous .

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli dla parametru gridlines.count podasz liczbę dodatnią, będzie używany do obliczania elementu minSpacing między liniami siatki. Możesz podać wartość 1, by narysować tylko jedną linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1. aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wymaga wszystkich na wartości dodatnie). Ustaw jako true tak.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej do określonej wartości. pojawi się od razu w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

Obiekt z elementami umożliwiającymi skonfigurowanie podrzędnych linii siatki na osi poziomej, podobnie jak opcję hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku continuous .

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

Typ:string
Domyślny: połączenie koloru linii siatki i koloru tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie licznika na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie na odstępie między główne linie siatki (zobacz hAxis.gridlines.interval) oraz minimalną ilość miejsca (patrz: hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej do określonej wartości. zostanie w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.textPosition

Położenie tekstu na osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Właściwość hAxis, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
hAxis.viewWindow.min

Minimalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
interpolateNulls

Określa, czy odgadnąć wartość brakujących punktów. Jeśli true, zgadnie wszystkich brakujących danych na podstawie sąsiednich punktów. Jeśli false, zostanie zostaw przerwę w nieznanym punkcie.

Ta funkcja nie jest obsługiwana przez Wykresy obszarowe z parametrem isStacked: true/'percent'/'relative'/'absolute'.

Typ: boolean
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu nie jest powiązana żadna seria. Jeśli chcesz, by legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i pokazać tylko punkty, wpisz 0. Dostępne opcje zastąp wartości dla poszczególnych serii za pomocą właściwości series.

Typ: number
Wartość domyślna: 2
pointShape

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Zobacz dokumentacja punktów .

Typ: string
Wartość domyślna: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, wpisz 0. Możesz zastępować wartości dla poszczególnych serii za pomocą właściwości series. Jeśli używasz tagu trendline, Opcja pointSize wpłynie na szerokość linii trendu, chyba że ją zastąpisz go za pomocą opcji trendlines.n.pointsize.

Typ: number
Wartość domyślna: 0
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku discrete major.

Typ: boolean
Wartość domyślna: false
seria

Tablica obiektów, z których każdy opisuje format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych dla serii, podaj pusty obiekt {}. Jeśli seria lub wartość nie zostały określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • annotations – obiekt, który będzie stosowany do adnotacji dotyczących serii. Ten może służyć do sterowania na przykład funkcją textStyle serii:

    series: {
      0: {
        annotations: {
          textStyle: {fontSize: 12, color: 'red' }
        }
      }
    }
              

    Zapoznaj się z różnymi opcjami annotations, aby uzyskać pełną listę możliwych niestandardowe.

  • type – typ znacznika serii. Prawidłowe wartości to „line”, „area”, „bary” i „steppedArea”. Pamiętaj, że słupki to w rzeczywistości pionowe paski (kolumny). Wartość domyślna jest określana przez opcję seriesType na wykresie.
  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • curveType – zastępuje globalną wartość curveType dla tej serii.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tego parametru serii.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tego parametru serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tego parametru serii.
  • targetAxisIndex – do której osi przypisać tę serię, gdzie wartość domyślna to 0. , a 1 jest osią przeciwną. Wartość domyślna to 0; ustaw na 1, aby zdefiniować wykres, w którym różne serie są renderowane na różnych osiach. Musisz przydzielić co najmniej 1 serię do osi domyślnej. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna być ma pozycję legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, albo możesz określić obiekt, w którym każdy element podrzędny ma klucz numeryczny wskazujący, do której serii ma zastosowanie. Na przykład dwie poniższe deklaracje są identyczne i pierwsza seria jest zadeklarowana jako czarna i nie ma jej w legendzie, a czwarta – jako czerwona i nie ma jej w legendzie:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Typ: tablica obiektów lub obiektów z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zbiór wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony wykres. zachowanie lub efekt wizualny. Obecnie dostępny jest tylko 1 motyw:

  • 'maximized' – maksymalizuje obszar wykresu oraz rysuje legendę i wszystkie etykiety. w obszarze wykresu.
Typ: string
Wartość domyślna: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
linie trendu

Wyświetlacze linie trendu na wykresach, które je potwierdzają. Domyślnie linear linia trendu jest i można je dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla każdej serii, więc najczęściej Twoje opcje będą wyglądać podobny do tego:

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 linia trendu , jest wyrażona jako angielska nazwa koloru lub ciąg szesnastkowy.

Typ: string
Domyślny:domyślny kolor serii.
trendlines.n.degree

Dla: linie trendu type: 'polynomial', stopień wielomianu (2 dla kwadratowa, 3 dla sześciennego itd.).

Typ: number
Wartość domyślna: 3
trendlines.n.labelInLegend

Jeśli jest ustawiony, parametr linia trendu pojawi się w legendzie jako ten ciąg znaków.

Typ: string
Wartość domyślna: null
trendlines.n.lineWidth

Szerokość linii linia trendu (w pikselach).

Typ: number
Wartość domyślna: 2
trendlines.n.type

Określa, czy linie trendu to 'linear' (domyślnie), 'exponential' lub 'polynomial'.

Typ: string
Wartość domyślna: linear
trendlines.n.visibleInLegend

Określa, czy linia trendu równanie pojawia się w legendzie. Pojawi się na etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości wspierany przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne dotyczące w tej samej usłudze.

Aby wskazać wykres z wieloma osiami pionowymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia vAxes. Poniższy przykład przypisuje serię 2 do prawej osi oraz określa niestandardowy tytuł i tekst stylu:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem vAxis pokazanym powyżej:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Typ: tablica obiektów lub obiektów podrzędnych
Wartość domyślna: null
vAxis

Obiekt ze elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj wartość -1 do odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt ze elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki na osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku continuous .

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli dla parametru gridlines.count podasz liczbę dodatnią, będzie używany do obliczania elementu minSpacing między liniami siatki. Możesz podać wartość 1, by narysować tylko jedną linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1. aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli true, oś pionowa jest skalą logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej do określonej wartości. wzrośnie w większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość „y” danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak Opcja vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

Typ: string
Domyślny: połączenie koloru linii siatki i koloru tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej do określonej wartości. będzie spadek w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu na osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie bez tytułu.
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie
vAxis.viewWindow.min

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wykresu organizacyjnego

Nazwa
kolor

Kolor tła elementów wykresu organizacyjnego.

Typ: string
Wartość domyślna: '#edf7ff'
selectionColor

Kolor tła wybranych elementów wykresu organizacyjnego.

Typ: string
Wartość domyślna: '#d6e9f8'
rozmiar

Ogólny rozmiar wykresu. Dostępne opcje to 'small', 'medium' i 'large'.

Typ: string
Wartość domyślna: 'medium'

Opcje konfiguracji wykresu kołowego

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML koloru, na przykład: 'red' lub '#00cc00' albo obiekt z tymi wartościami usług.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z członkami służącymi do konfigurowania miejsca docelowego i rozmiaru obszaru wykresu (gdzie wykres samodzielnie, z wyłączeniem osi i legend. Obsługiwane są 2 formaty: liczba lub liczba, po której następuje znak %. Prosta liczba to wartość w pikselach. liczba, po której następuje znak %, to procent. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
chartArea.left

Jak daleko od lewej krawędzi należy narysować wykres.

Typ: number lub string
Domyślnie automatycznie
chartArea.top

Odległość wykresu od górnej krawędzi.

Typ: number lub string
Domyślnie automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, w których każdy element to kod HTML ciąg koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślne:kolory domyślne
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
is3D

Jeśli true, wyświetla wykres trójwymiarowy.

Typ: boolean
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu nie jest powiązana żadna seria. Jeśli chcesz, by legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
pieHole

Jeśli mieści się w przedziale 01, wyświetla wykres pierścieniowy. Promień otworu jest równy number razy promień wykresu.

Typ: number
Wartość domyślna: 0
pieSliceBorderColor

Kolor obramowania wycinka. Ma zastosowanie tylko wtedy, gdy wykres jest dwuwymiarowy.

Typ: string
Wartość domyślna: 'white'
pieSliceText

Zawartość tekstu wyświetlana na wycinku. Użyj jednego z tych rodzajów wartości:

  • 'percentage' – odsetek rozmiaru wycinka w stosunku do całości.
  • 'value' – wartość ilościowa wycinka.
  • 'label' – nazwa wycinka.
  • 'none' – tekst nie jest wyświetlany.
Typ: string
Wartość domyślna: 'percentage'
pieSliceTextStyle

Obiekt, który określa styl tekstu wycinka. Obiekt ma ten format:

{color: <string>, fontName: <string>, fontSize: <number>}

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku discrete major.

Typ: boolean
Wartość domyślna: false
slices.color

Kolor tego wycinka.

Typ: string
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {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 koloru, na przykład: 'red' lub '#00cc00' albo obiekt z tymi wartościami usług.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML koloru.

Typ:string
Wartość domyślna: 'white'
chartArea

Obiekt z członkami służącymi do konfigurowania miejsca docelowego i rozmiaru obszaru wykresu (gdzie wykres samodzielnie, z wyłączeniem osi i legend. Obsługiwane są 2 formaty: liczba lub liczba, po której następuje znak %. Prosta liczba to wartość w pikselach. liczba, po której następuje znak %, to procent. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
chartArea.left

Jak daleko od lewej krawędzi należy narysować wykres.

Typ: number lub string
Domyślnie automatycznie
chartArea.top

Odległość wykresu od górnej krawędzi.

Typ: number lub string
Domyślnie automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, w których każdy element to kod HTML ciąg koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślne:kolory domyślne
curveType

Kontroluje krzywą linii, gdy szerokość linii jest różna od zera. Użyj jednego z tych rodzajów wartości:

  • 'none' – linie proste bez krzywej.
  • 'function' – kąty linii zostaną wygładzone.
Typ:string
Domyślna: „none” (brak).
hAxis

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Podaj wartość -1 do odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.gridlines

Obiekt z właściwościami służącymi do konfigurowania linii siatki na osi poziomej. Pamiętaj, że linie siatki na osi poziomej są rysowane w pionie. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku continuous .

Typ: object
Wartość domyślna: null
hAxis.gridlines.color

Kolor poziomych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

Typ: string
Wartość domyślna: '#CCC'
hAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli dla parametru gridlines.count podasz liczbę dodatnią, będzie używany do obliczania elementu minSpacing między liniami siatki. Możesz podać wartość 1, by narysować tylko jedną linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1. aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
hAxis.logScale

Właściwość hAxis, dzięki której oś pozioma jest skalą logarytmiczną (wymaga wszystkich na wartości dodatnie). Ustaw jako true tak.

Ta opcja jest obsługiwana tylko w przypadku osi continuous.

Typ: boolean
Wartość domyślna: false
hAxis.maxValue

Przenosi maksymalną wartość osi poziomej do określonej wartości. pojawi się od razu w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość x danych. hAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.minorGridlines

Obiekt z elementami umożliwiającymi skonfigurowanie podrzędnych linii siatki na osi poziomej, podobnie jak opcję hAxis.gridlines.

Ta opcja jest obsługiwana tylko w przypadku continuous .

Typ: object
Wartość domyślna: null
hAxis.minorGridlines.color

Kolor poziomych mniejszych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

Typ: string
Domyślny: połączenie koloru linii siatki i koloru tła.
hAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki przez ustawienie licznika na 0. Liczba podrzędnych linii siatki zależy teraz całkowicie na odstępie między główne linie siatki (zobacz hAxis.gridlines.interval) oraz minimalną ilość miejsca (patrz: hAxis.minorGridlines.minSpacing).

Typ: number
Wartość domyślna: 1
hAxis.minValue

Przenosi minimalną wartość osi poziomej do określonej wartości. zostanie w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość x danych. hAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
hAxis.textPosition

Położenie tekstu na osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Właściwość hAxis, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
hAxis.viewWindow.min

Minimalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu nie jest powiązana żadna seria. Jeśli chcesz, by legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top'– nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
lineWidth

Szerokość linii danych w pikselach. Aby ukryć wszystkie linie i pokazać tylko punkty, wpisz 0. Dostępne opcje zastąp wartości dla poszczególnych serii za pomocą właściwości series.

Typ: number
Wartość domyślna: 2
pointShape

Kształt poszczególnych elementów danych: 'circle', 'triangle', 'square', 'diamond', 'star' lub 'polygon'. Zobacz dokumentacja punktów .

Typ: string
Wartość domyślna: 'circle'
pointSize

Średnica wyświetlanych punktów w pikselach. Aby ukryć wszystkie punkty, wpisz 0. Możesz zastępować wartości dla poszczególnych serii za pomocą właściwości series. Jeśli używasz tagu trendline, Opcja pointSize wpłynie na szerokość linii trendu, chyba że ją zastąpisz go za pomocą opcji trendlines.n.pointsize.

Typ: number
Wartość domyślna: 0
seria

Tablica obiektów, z których każdy opisuje format odpowiedniej serii na wykresie. Aby użyć funkcji domyślne wartości serii, podaj pusty obiekt {}. Jeśli seria lub wartość nie zostały określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • lineWidth – zastępuje globalną wartość lineWidth dla tej serii.
  • pointShape – zastępuje globalną wartość pointShape dla tego parametru serii.
  • pointSize – zastępuje globalną wartość pointSize dla tej serii.
  • pointsVisible – zastępuje globalną wartość pointsVisible dla tego parametru serii.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna być ma pozycję legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy odnosi się do serii w podanej kolejności, albo możesz określić obiekt, w którym każdy element podrzędny ma klucz numeryczny określający serię, do której ma zastosowanie. Na przykład dwie poniższe deklaracje są identyczne i pierwsza seria jest zadeklarowana jako czarna i nie ma jej w legendzie, a czwarta – jako czerwona i nie ma jej w legendzie:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Typ: tablica obiektów lub obiektów z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zbiór wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony wykres. zachowanie lub efekt wizualny. Obecnie dostępny jest tylko 1 motyw:

  • 'maximized' – maksymalizuje obszar wykresu oraz rysuje legendę i wszystkie etykiety. w obszarze wykresu.
Typ: string
Wartość domyślna: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
linie trendu

Wyświetlacze linie trendu na wykresach, które je potwierdzają. Domyślnie linear linia trendu jest i można je dostosować za pomocą opcji trendlines.n.type.

Linie trendów są określane dla każdej serii, więc najczęściej Twoje opcje będą wyglądać podobny do tego:

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 linia trendu , jest wyrażona jako angielska nazwa koloru lub ciąg szesnastkowy.

Typ: string
Domyślny:domyślny kolor serii.
trendlines.n.degree

Dla: linie trendu type: 'polynomial', stopień wielomianu (2 dla kwadratowa, 3 dla sześciennego itd.).

Typ: number
Wartość domyślna: 3
trendlines.n.labelInLegend

Jeśli jest ustawiony, parametr linia trendu pojawi się w legendzie jako ten ciąg znaków.

Typ: string
Wartość domyślna: null
trendlines.n.lineWidth

Szerokość linii linia trendu (w pikselach).

Typ: number
Wartość domyślna: 2
trendlines.n.type

Określa, czy linie trendu to 'linear' (domyślnie), 'exponential' lub 'polynomial'.

Typ: string
Wartość domyślna: linear
trendlines.n.visibleInLegend

Określa, czy linia trendu równanie pojawia się w legendzie. Pojawi się na etykietce linii trendu.

Typ: boolean
Wartość domyślna: false
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości wspierany przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne dotyczące w tej samej usłudze.

Aby wskazać wykres z wieloma osiami pionowymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia vAxes. Poniższy przykład przypisuje serię 2 do prawej osi oraz określa niestandardowy tytuł i tekst stylu:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem vAxis pokazanym powyżej:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Typ: tablica obiektów lub obiektów podrzędnych
Wartość domyślna: null
vAxis

Obiekt ze elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj wartość -1 do odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt ze elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki na osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku continuous .

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli dla parametru gridlines.count podasz liczbę dodatnią, będzie używany do obliczania elementu minSpacing między liniami siatki. Możesz podać wartość 1, by narysować tylko jedną linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1. aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli true, oś pionowa jest skalą logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej do określonej wartości. wzrośnie w większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość „y” danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak Opcja vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

Typ: string
Domyślny: połączenie koloru linii siatki i koloru tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej do określonej wartości. będzie spadek w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu na osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie bez tytułu.
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie
vAxis.viewWindow.min

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie

Opcje konfiguracji wykresu warstwowego krokowego

Nazwa
areaOpacity

Domyślna przezroczystość kolorowego obszaru poniżej serii wykresu warstwowego, gdzie: Komponent 0.0 jest w pełni przezroczysty, a element 1.0 – całkowicie nieprzezroczysty. Aby określić przezroczystość dla dla pojedynczej serii, ustaw wartość areaOpacity we właściwości series.

Typ: number, 0.0- 1.0
Wartość domyślna: 0.3
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML koloru, na przykład: 'red' lub '#00cc00' albo obiekt z tymi wartościami usług.

Typ: string lub object
Wartość domyślna: 'white'
backgroundColor.fill

Kolor wypełnienia wykresu jako ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: 'white'
chartArea

Obiekt z członkami służącymi do konfigurowania miejsca docelowego i rozmiaru obszaru wykresu (gdzie wykres samodzielnie, z wyłączeniem osi i legend. Obsługiwane są 2 formaty: liczba lub liczba, po której następuje znak %. Prosta liczba to wartość w pikselach. liczba, po której następuje znak %, to procent. Przykład: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Typ: object
Wartość domyślna: null
chartArea.backgroundColor
Kolor tła obszaru wykresu. Gdy używany jest ciąg szesnastkowy, może to być zarówno ciąg szesnastkowy, (np. '#fdc') lub angielska nazwa koloru. Jeśli obiekt jest używany, poniższe właściwości mogą należy podać:
  • stroke: kolor podany w postaci ciągu szesnastkowego lub angielskiej nazwy koloru.
  • strokeWidth: jeśli jest podany, rysuje obramowanie wokół obszaru wykresu danej szerokość (w kolorze stroke).
Typ: string lub object
Wartość domyślna: 'white'
chartArea.height

Wysokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
chartArea.left

Jak daleko od lewej krawędzi należy narysować wykres.

Typ: number lub string
Domyślnie automatycznie
chartArea.top

Odległość wykresu od górnej krawędzi.

Typ: number lub string
Domyślnie automatycznie
chartArea.width

Szerokość obszaru wykresu.

Typ: number lub string
Domyślnie automatycznie
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, w których każdy element to kod HTML ciąg koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślne:kolory domyślne
hAxis

Obiekt z elementami umożliwiającymi konfigurowanie różnych elementów osi poziomej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
    
Typ: object
Wartość domyślna: null
hAxis.direction

Kierunek, w którym rosną wartości na osi poziomej. Podaj wartość -1 do odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
hAxis.textPosition

Położenie tekstu na osi poziomej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
hAxis.textStyle

Obiekt określający styl tekstu osi poziomej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Właściwość hAxis, która określa tytuł osi poziomej.

Typ: string
Wartość domyślna: null
hAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi poziomej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Określa zakres przycięcia osi poziomej.

Typ: object
Wartość domyślna: null
hAxis.viewWindow.max

Maksymalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
hAxis.viewWindow.min

Minimalna wartość danych poziomych do renderowania.

Ignorowana, gdy hAxis.viewWindowMode ma wartość 'pretty' lub 'maximized'.

Typ: number
Domyślnie automatycznie
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
isStacked

Jeśli zasada ma wartość true, umieszcza elementy wszystkich serii przy każdej wartości domeny. Uwaga: w Kolumna, Obszar oraz wykresy SteppedArea, Wykresy Google odwracają kolejność elementów legendy, aby lepiej pasowały do ułożenia elementy serii (np. seria 0 będzie skrajnie skrajnym legendą). Ten nie dotyczy Wykresy słupkowe.

Opcja isStacked obsługuje też 100% stosów, w których elementy są nakładane dla każdej wartości domeny są przeskalowane w celu dodania 100%.

Opcje isStacked to:

  • false – elementy nie będą się nakładać. Jest to opcja domyślna.
  • true – gromadzi elementy wszystkich serii przy każdej wartości domeny.
  • 'percent' – gromadzi elementy wszystkich serii przy każdej wartości domeny i są przeskalowane tak, by sumować się do 100%, przy czym wartość każdego elementu jest obliczana jako procentu 100%.
  • 'relative' – gromadzi elementy wszystkich serii przy każdej wartości domeny i przeskaluje je tak, by sumować się do 1, przy czym wartość każdego elementu jest obliczana jako ułamek z 1.
  • 'absolute' – działa tak samo jak isStacked: true.

Przy 100% stosów obliczona wartość każdego elementu pojawi się na etykietce po jego wartość rzeczywistą.

Na osi docelowej domyślnie będą występować ułamki na podstawie względnej skali 0–1 wynosi 1 dla 'relative' i 0–100% dla 'percent' (Uwaga: jeśli używasz opcji 'percent', wartości osi i osi są wyświetlane jako wartości procentowe, jednak rzeczywiste wartości są względnymi wartościami ze skali 0–1. Dzieje się tak, ponieważ skoki na osi procentowej są wynikiem zastosowania formatu „#.##%”. do wartości skali 0–1. Gdy korzystasz z isStacked: 'percent', określ dowolne znaczniki lub linie siatki, używając względnych wartości skali 0–1). Możesz dostosować linii siatki i wartości znaczników oraz formatowanie za pomocą odpowiednich opcji hAxis/vAxis.

Grupowanie 100% obsługuje tylko wartości danych typu number i musi mają wartość bazową równą zero.

Typ: boolean/ string
Wartość domyślna: false
legenda

Obiekt z członkami służącymi do konfigurowania różnych aspektów legendy. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Typ: object
Wartość domyślna: null
legend.position

Pozycja legendy. Użyj jednego z tych rodzajów wartości:

  • 'bottom' – pod wykresem.
  • 'left' – po lewej stronie wykresu nie jest powiązana żadna seria. Jeśli chcesz, by legenda znajdowała się po lewej stronie, użyj opcji targetAxisIndex: 1.
  • 'in' – wewnątrz wykresu, w lewym górnym rogu.
  • 'none' – legenda nie jest wyświetlana.
  • 'right' – po prawej stronie wykresu. Niezgodne z opcją vAxes.
  • 'top' – nad wykresem.
Typ: string
Wartość domyślna: 'right'
legendTextStyle

Obiekt określający styl tekstu legendy. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
reverseCategories

Jeśli zasada ma wartość true, rysuje serię od prawej do lewej. Domyślnie rysowanie od lewej do prawej.

Ta opcja jest obsługiwana tylko w przypadku discrete major.

Typ: boolean
Wartość domyślna: false
seria

Tablica obiektów, z których każdy opisuje format odpowiedniej serii na wykresie. Aby użyć wartości domyślnych dla serii, podaj pusty obiekt {}. Jeśli seria lub wartość nie zostały określone, zostanie użyta wartość globalna. Każdy obiekt obsługuje te właściwości:

  • areaOpacity – zastępuje globalny areaOpacity dla tej serii.
  • color – kolor, który będzie używany w tej serii. Podaj prawidłowy ciąg znaków HTML koloru.
  • type – typ znacznika serii. Prawidłowe wartości to „line”, „area”, „bary” i „steppedArea”. Pamiętaj, że słupki to w rzeczywistości pionowe paski (kolumny). Wartość domyślna jest określana przez opcję seriesType na wykresie.
  • labelInLegend – opis serii, który pojawi się w legendzie wykresu.
  • lineDashStyle – zastępuje globalną wartość lineDashStyle dla tego parametru serii.
  • targetAxisIndex – do której osi przypisać tę serię, gdzie wartość domyślna to 0. , a 1 jest osią przeciwną. Wartość domyślna to 0; ustaw na 1, aby zdefiniować wykres, w którym różne serie są renderowane na różnych osiach. Musisz przydzielić co najmniej 1 serię do osi domyślnej. Możesz zdefiniować inną skalę dla różnych osi.
  • visibleInLegend – wartość boolean, gdzie true oznacza, że seria powinna być ma pozycję legendę, a false oznacza, że nie powinna. Wartość domyślna to true.

Możesz określić tablicę obiektów, z których każdy będzie odnosił się do serii w podanej kolejności, lub określić obiekt podrzędny z kluczem numerycznym wskazującym, do której serii ma zastosowanie. Na przykład dwie poniższe deklaracje są identyczne. Pierwsza seria jest czarna i nie ma jej w legendzie, a czwarta jako czerwona i nie występuje w legendzie:

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
    
Typ: tablica obiektów lub obiektów z zagnieżdżonymi obiektami
Wartość domyślna: {}
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
motyw

Motyw to zbiór wstępnie zdefiniowanych wartości opcji, które współpracują ze sobą, aby uzyskać określony wykres. zachowanie lub efekt wizualny. Obecnie dostępny jest tylko 1 motyw:

  • 'maximized' – maksymalizuje obszar wykresu oraz rysuje legendę i wszystkie etykiety. w obszarze wykresu.
Typ: string
Wartość domyślna: null
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
treatLabelsAsText

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako kolumnę tekstową.

Typ: boolean
useFirstColumnAsDomain

Jeśli ustawisz wartość true, wykres będzie traktować kolumnę jako domenę.

Typ: boolean
vAxes

Określa właściwości poszczególnych osi pionowych, jeśli wykres ma wiele osi pionowych. Każdy obiekt podrzędny jest obiektem vAxis i może zawierać wszystkie właściwości wspierany przez vAxis. Te wartości właściwości zastępują wszystkie ustawienia globalne dotyczące w tej samej usłudze.

Aby wskazać wykres z wieloma osiami pionowymi, zdefiniuj nową oś za pomocą funkcji series.targetAxisIndex, a następnie skonfiguruj oś za pomocą narzędzia vAxes. Poniższy przykład przypisuje serię 2 do prawej osi oraz określa niestandardowy tytuł i tekst stylu:

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}
    

Może to być obiekt lub tablica. Obiekt jest zbiorem obiektów, każdy z etykietą liczbową, która określa oś, którą definiuje. powyżej; tablica jest tablicą obiektów, po jednym na oś. Na przykład następujący tag jest identyczny z obiektem vAxis pokazanym powyżej:

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
    
Typ: tablica obiektów lub obiektów podrzędnych
Wartość domyślna: null
vAxis

Obiekt ze elementami służącymi do konfigurowania różnych elementów osi pionowej. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Typ: object
Wartość domyślna: null
vAxis.direction

Kierunek, w którym rosną wartości na osi pionowej. Domyślnie niskie wartości znajdują się na dole wykresu. Podaj wartość -1 do odwrócić kolejność wartości.

Typ: 1 lub -1
Wartość domyślna: 1
vAxis.gridlines

Obiekt ze elementami służącymi do konfigurowania linii siatki na osi pionowej. Pamiętaj, że linie siatki na osi pionowej są rysowane poziomo. Aby określić właściwości tego obiektu, możesz użyć notacji literału obiektu, jak pokazano poniżej:

{color: '#333', minSpacing: 20}

Ta opcja jest obsługiwana tylko w przypadku continuous .

Typ: object
Wartość domyślna: null
vAxis.gridlines.color

Kolor pionowych linii siatki w obszarze wykresu. Podaj prawidłowy ciąg znaków HTML koloru.

Typ: string
Wartość domyślna: '#CCC'
vAxis.gridlines.count

Przybliżona liczba poziomych linii siatki w obszarze wykresu. Jeśli dla parametru gridlines.count podasz liczbę dodatnią, będzie używany do obliczania elementu minSpacing między liniami siatki. Możesz podać wartość 1, by narysować tylko jedną linię siatki, lub 0, aby nie rysować linii siatki. Określ wartość domyślną -1. aby automatycznie obliczać liczbę linii siatki na podstawie innych opcji.

Typ: number
Wartość domyślna: -1
vAxis.logScale

Jeśli true, oś pionowa jest skalą logarytmiczną. Uwaga: wszystkie wartości muszą być dodatnie.

Typ: boolean
Wartość domyślna: false
vAxis.maxValue

Przenosi maksymalną wartość osi pionowej do określonej wartości. wzrośnie w większości wykresów. Ignorowana, jeśli ustawiona jest wartość mniejsza niż maksymalna wartość „y” danych. vAxis.viewWindow.max zastępuje tę właściwość.

Typ: number
Domyślne:automatyczne
vAxis.minorGridlines

Obiekt z elementami służącymi do konfigurowania podrzędnych linii siatki na osi pionowej, podobnie jak Opcja vAxis.gridlines.

Typ: object
Wartość domyślna: null
vAxis.minorGridlines.color

Kolor pionowych podrzędnych linii siatki w obszarze wykresu. Określ prawidłowy kolor HTML ciągu znaków.

Typ: string
Domyślny: połączenie koloru linii siatki i koloru tła.
vAxis.minorGridlines.count

Opcja minorGridlines.count jest w większości wycofana z wyjątkiem wyłączenia podrzędnych linii siatki ustaw liczbę na 0. Liczba mniejszych linii siatki zależy od odstępu między głównych linii siatki i minimalnej wymaganej przestrzeni.

Typ: number
Wartość domyślna: 1
vAxis.minValue

Przenosi minimalną wartość osi pionowej do określonej wartości. będzie spadek w dla większości wykresów. Ignorowana, jeśli ustawiona jest wartość większa niż minimalna wartość y danych. vAxis.viewWindow.min zastępuje tę właściwość.

Typ: number
Wartość domyślna: null
vAxis.textPosition

Położenie tekstu na osi pionowej względem obszaru wykresu. Obsługiwane wartości: 'out', 'in' oraz 'none'.

Typ: string
Wartość domyślna: 'out'
vAxis.textStyle

Obiekt określający styl tekstu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Określa tytuł osi pionowej.

Typ: string
Domyślnie bez tytułu.
vAxis.titleTextStyle

Obiekt określający styl tekstu tytułu osi pionowej. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
  

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Określa zakres przycięcia osi pionowej.

Typ: object
Wartość domyślna: null
vAxis.viewWindow.max

Maksymalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie
vAxis.viewWindow.min

Minimalna wartość danych pionowych do renderowania.

Ignorowane, gdy vAxis.viewWindowMode ma wartość „ładna” lub „zmaksymalizowane”.

Typ: number
Domyślnie automatycznie
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji wykresu tabelarycznego

Nazwa
alternatingRowStyle

Określa, czy do wierszy nieparzystych i parzystych zostanie przypisany styl z naprzemiennymi kolorami.

Typ: boolean
Wartość domyślna: true
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
strona

Czy i jak włączyć stronicowanie danych. Wybierz jedną z tych wartości parametru string:

  • 'enable' – tabela będzie obejmować przejście na następną stronę i odwrotną stronę. przyciskami. Kliknięcie tych przycisków spowoduje przeprowadzenie operacji stronicowania zmienić wyświetlaną stronę. Możesz też ustawić opcję pageSize.
  • 'event' – tabela będzie zawierać przyciski do przodu i do tyłu, ale możesz je kliknąć. wywoła zdarzenie 'page' i nie zmieni wyświetlanej strony. Ta opcja powinna być jest używany, gdy kod ma własną logikę przewracania stron. Zobacz Przykład TableQueryWrapper znajdziesz przykład ręcznego obsługi zdarzeń stronicowania.
  • 'disable' – [wartość domyślna] stronicowanie nie jest obsługiwane.
  • Typ: string
    Wartość domyślna: 'disable'
pageSize

Liczba wierszy na każdej stronie, gdy stronicowanie jest włączone za pomocą opcji strony.

Typ: number
Wartość domyślna: 10
showRowNumber

Jeśli ma wartość true, numer wiersza wyświetla się jako pierwsza kolumna tabeli.

Typ: boolean
Wartość domyślna: false
sortuj

Czy i jak sortować kolumny po kliknięciu przez użytkownika nagłówka kolumny. Jeśli włączone jest sortowanie, warto też ustawić właściwości sortAscending i sortColumn. Wybierz jedną z opcji te wartości string:

  • 'enable' – [wartość domyślna] – użytkownicy mogą klikać nagłówki kolumn, aby sortować według kliknięcia. . Gdy użytkownik kliknie nagłówek kolumny, wiersze zostaną automatycznie i wywołane zostanie zdarzenie 'sort'.
  • 'event' – gdy użytkownik kliknie nagłówek kolumny, wywoływane jest zdarzenie 'sort', ale wiersze nie są sortowane automatycznie. Tej opcji należy używać, gdy strona i stosuje własny sposób działania. Zobacz Przykład TableQueryWrapper .
  • 'disable'– Kliknięcie nagłówka kolumny nie ma żadnego efektu.
Typ: string
Wartość domyślna: 'enable'
sortAscending

Kolejność sortowania kolumny początkowego sortowania. True – rosnąco, false – malejąco. Ignorowana, jeśli nie określono sortColumn.

Typ: boolean
Wartość domyślna: true
sortColumn

Indeks kolumny w tabeli danych, według której tabela jest początkowo sortowana. Kolumna jest oznaczona małą strzałką wskazującą kolejność sortowania.

Typ: number
Wartość domyślna: -1
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji osi czasu

Nazwa
backgroundColor

Kolor tła głównego obszaru wykresu. Może to być prosty ciąg znaków HTML koloru, na przykład: 'red' lub '#00cc00' albo obiekt z tymi wartościami usług.

Typ: string lub object
Wartość domyślna: 'white'
kolory

Kolory elementów wykresu. Tablica ciągów tekstowych, w których każdy element to kod HTML ciąg koloru, np. colors:['red','#004411'].

Typ: tablica ciągów znaków
Domyślne:kolory domyślne
wysokość

Wysokość wykresu w pikselach.

Typ: number
Domyślna: wysokość elementu nadrzędnego.
szerokość

Szerokość wykresu w pikselach.

Typ: number
Domyślna: szerokość elementu nadrzędnego.

Opcje konfiguracji mapy drzewa

Nazwa
headerColor

Kolor sekcji nagłówka każdego węzła. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #988f86
maxColor

Kolor prostokąta z kolumną 3 o wartości maxColorValue. Podaj Wartość koloru HTML.

Typ: string
Wartość domyślna: #00dd00
maxDepth

Maksymalna liczba poziomów węzłów wyświetlanych w bieżącym widoku. Poziomy są rozdzielone do bieżącego samolotu. Jeśli Twoje drzewo ma więcej poziomów, musisz przejść w górę albo w dół, aby je zobaczyć. Możesz też zobaczyć maxPostDepth poziomu poniżej jako zacienionych prostokątów w tych węzłach.

Typ: number
Wartość domyślna: 1
maxPostDepth

Liczba poziomów węzłów powyżej maxDepth, które mają być wyświetlane w sekcji z podpowiedzią w świecie mody. Węzły z podpowiedzią są wyświetlane jako zacienione prostokąty w węźle, który znajduje się w Limit: maxDepth.

Typ: number
Wartość domyślna: 0
midColor

Kolor prostokąta z wartością kolumny 3 w połowie zakresu od maxColorValue i minColorValue. Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #000000
minColor

Kolor prostokąta z wartością w kolumnie 3 równą minColorValue. Podaj Wartość koloru HTML.

Typ: string
Wartość domyślna: #dd0000
noColor

Kolor stosowany w przypadku prostokąta, gdy węzeł nie ma wartości w kolumnie 3, a ten węzeł jest liść (lub zawiera tylko liście). Określ wartość koloru HTML.

Typ: string
Wartość domyślna: #000000
podtytuł

Tekst do wyświetlenia pod tytułem wykresu.

Typ: string
Domyślnie bez tytułu.
subtitleTextStyle

Obiekt, który określa styl tekstu tytułu.

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
textStyle

Obiekt, który określa styl tekstu tytułu. Kolorem może być dowolny kod HTML ciąg koloru, na przykład 'red' lub '#00cc00'. Patrz też parametry fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <globalna nazwa-czcionki>, rozmiar czcionki: <global-font-size>}
tytuł

Tekst do wyświetlenia nad wykresem.

Typ: string
Domyślnie bez tytułu.
titleTextStyle

Obiekt, który określa styl tekstu tytułu. Obiekt ma ten format:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }
    

color może być dowolnym ciągiem znaków HTML koloru, na przykład 'red' lub '#00cc00' Zobacz też fontName i fontSize.

Typ: object
Domyślne: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}