Параметры конфигурации диаграммы

Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент — это строка цвета HTML, например: colors:['red','#004411'] .

Показывать ли область выбора диапазона масштабирования (область в нижней части диаграммы), где false означает «нет».

Контур в селекторе масштабирования представляет собой логарифмическую шкалу версии первой серии на диаграмме, масштабированную в соответствии с высотой селектора масштабирования.

Показывать ли кнопки масштабирования («1d 5d 1m» и т. д.), где false означает «нет».

Максимальное значение для отображения на оси Y. Если максимальная точка данных превышает это значение, эта настройка игнорируется, и диаграмма корректируется так, чтобы отображать следующую основную отметку над максимальной точкой данных. Это имеет приоритет над максимальным значением оси Y, определяемым параметром scaleType .

Это похоже на maxValue в основных диаграммах.

Минимальное значение для отображения на оси Y. Если минимальная точка данных меньше этого значения, этот параметр игнорируется, и диаграмма корректируется так, чтобы отображалась следующая основная отметка ниже минимальной точки данных. Это имеет приоритет над минимальным значением оси Y, определяемым параметром scaleType .

Это похоже на minValue в основных диаграммах.

Непрозрачность по умолчанию для цветной области под серией диаграммы с областями: 0.0 — полная прозрачность, 1.0 — полная непрозрачность. Чтобы задать непрозрачность для отдельной серии, задайте значение areaOpacity в свойстве series .

Цвет фона для основной области диаграммы. Может быть простой строкой цвета HTML, например: 'red' или '#00cc00' , или объектом со следующими свойствами.

Цвет заливки диаграммы в виде цветовой строки HTML.

Объект с элементами для настройки расположения и размера области диаграммы (где отображается сама диаграмма, за исключением осей и легенд). Поддерживаются два формата: число или число с добавлением %. Простое число — это значение в пикселях; число с добавлением %. — это процентное значение. Пример: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : цвет, указанный в виде шестнадцатеричной строки или английского названия цвета.
• strokeWidth : Если указано, рисует границу вокруг области диаграммы заданной ширины (и цвета stroke ).

Высота области диаграммы.

На каком расстоянии от левого края рисовать диаграмму.

На каком расстоянии от верхней границы рисовать диаграмму.

Ширина области диаграммы.

Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент — это строка цвета HTML, например: colors:['red','#004411'] .

Объект с элементами для настройки различных элементов горизонтальной оси. Для задания свойств этого объекта можно использовать литеральную нотацию объекта, как показано здесь:

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

Направление роста значений по горизонтальной оси. Укажите -1 , чтобы изменить порядок значений на обратный.

Объект со свойствами для настройки линий сетки по горизонтальной оси. Обратите внимание, что линии сетки по горизонтальной оси отображаются вертикально. Чтобы задать свойства этого объекта, можно использовать литеральную нотацию объекта, как показано здесь:

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

Эта опция поддерживается только для continuous оси.

Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML.

Примерное количество горизонтальных линий сетки внутри области диаграммы. Если указать положительное число для gridlines.count , оно будет использовано для вычисления minSpacing между линиями сетки. Можно указать значение 1 , чтобы отображать только одну линию сетки, или 0 , чтобы не отображать ни одной линии. Укажите значение -1 (значение по умолчанию), чтобы автоматически вычислять количество линий сетки на основе других параметров.

Свойство hAxis , которое устанавливает логарифмическую шкалу горизонтальной оси (требует, чтобы все значения были положительными). Установите значение true , чтобы задать значение «да».

Эта опция поддерживается только для continuous оси.

Перемещает максимальное значение горизонтальной оси на указанное значение; в большинстве диаграмм это будет смещение вправо. Игнорируется, если задано значение меньше максимального значения по оси X данных. hAxis.viewWindow.max переопределяет это свойство.

Объект с элементами для настройки второстепенных линий сетки на горизонтальной оси, аналогично параметру hAxis.gridlines .

Эта опция поддерживается только для continuous оси.

Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML.

Параметр minorGridlines.count в основном устарел, за исключением отключения второстепенных линий сетки путем установки счетчика в 0. Количество второстепенных линий сетки теперь полностью зависит от интервала между основными линиями сетки (см. hAxis.gridlines.interval ) и минимально необходимого пространства (см. hAxis.minorGridlines.minSpacing ).

Смещает минимальное значение горизонтальной оси на указанное значение; в большинстве диаграмм оно будет смещено влево. Игнорируется, если задано значение, превышающее минимальное значение по оси X данных. hAxis.viewWindow.min переопределяет это свойство.

Положение текста горизонтальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Объект, определяющий стиль текста по горизонтальной оси. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Свойство hAxis , которое определяет название горизонтальной оси.

Объект, определяющий стиль текста заголовка горизонтальной оси. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Задает диапазон обрезки горизонтальной оси.

Максимальное горизонтальное значение данных для визуализации.

Игнорируется, если hAxis.viewWindowMode имеет значение 'pretty' или 'maximized' .

Минимальное горизонтальное значение данных для визуализации.

Игнорируется, если hAxis.viewWindowMode имеет значение 'pretty' или 'maximized' .

Высота диаграммы в пикселях.

Угадывать ли значение пропущенных точек? Если true , значение любых пропущенных данных будет угадываться на основе соседних точек. Если false , в неизвестной точке на линии останется разрыв.

Это не поддерживается диаграммами областей с опцией isStacked: true/'percent'/'relative'/'absolute' .

Если установлено значение true , элементы всех серий будут располагаться в столбце для каждого значения домена. Примечание: в столбчатых , площадных и ступенчатых диаграммах Google Charts меняет порядок элементов легенды на обратный для лучшего соответствия порядку элементов серий (например, серия 0 будет самым нижним элементом легенды). Это не относится к столбчатым диаграммам.

Параметр isStacked также поддерживает 100% стекирование, при котором стеки элементов в каждом значении домена масштабируются для суммирования до 100%.

Возможные варианты isStacked :

• false — элементы не будут накладываться друг на друга. Это значение по умолчанию.
• true — складывает элементы для всех серий в каждом значении домена.
• 'percent' — складывает элементы для всех серий в каждом значении домена и масштабирует их таким образом, чтобы в сумме они составляли 100%, при этом значение каждого элемента рассчитывается как процент от 100%.
• 'relative' — складывает элементы для всех серий в каждом значении домена и масштабирует их так, чтобы в сумме они составляли 1, при этом значение каждого элемента рассчитывается как доля от 1.
• 'absolute' — функционирует так же, как isStacked: true .

При 100%-ном стекировании расчетное значение для каждого элемента будет отображаться в подсказке после его фактического значения.

Целевая ось по умолчанию будет иметь значения делений на основе относительной шкалы 0-1 в виде долей 1 для 'relative' и 0-100% для 'percent' ( Примечание: при использовании параметра 'percent' значения осей/делений отображаются в процентах, однако фактические значения — это относительные значения шкалы 0-1. Это связано с тем, что деления процентной оси являются результатом применения формата "#.##%" к относительным значениям шкалы 0-1. При использовании isStacked: 'percent' обязательно укажите все деления/линии сетки с использованием относительных значений шкалы 0-1). Вы можете настроить значения линий сетки/делений и форматирование с помощью соответствующих параметров hAxis/vAxis .

100%-ное стекирование поддерживает только значения данных типа number и должно иметь базовую линию, равную нулю.

Объект с элементами для настройки различных аспектов легенды. Чтобы задать свойства этого объекта, можно использовать литеральную нотацию объекта, как показано здесь:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Расположение легенды. Может быть одним из следующих:

• 'bottom' — ниже графика.
• 'left' — слева от диаграммы, при условии, что с левой осью не связана ни одна series . Поэтому, если вы хотите, чтобы легенда располагалась слева, используйте параметр targetAxisIndex: 1 .
• 'in' — внутри диаграммы, около верхнего левого угла.
• 'none' — легенда не отображается.
• 'right' — справа от диаграммы. Несовместимо с опцией vAxes .
• 'top' — над диаграммой.

Объект, определяющий стиль текста легенды. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Ширина линии данных в пикселях. Значение "ноль" позволяет скрыть все линии и отобразить только точки. Значения для отдельных серий можно переопределить с помощью свойства series .

Форма отдельных элементов данных: 'circle' , 'triangle' , 'square' , 'diamond' , 'star' или 'polygon' . Примеры см. в документации по точкам .

Диаметр отображаемых точек в пикселях. Значение «ноль» позволяет скрыть все точки. Значения для отдельных серий можно переопределить с помощью свойства series .

Если установлено значение true , серия рисуется справа налево. По умолчанию рисование выполняется слева направо.

Эта опция поддерживается только для discrete major оси.

Массив объектов, каждый из которых описывает формат соответствующей серии на диаграмме. Чтобы использовать значения по умолчанию для серии, укажите пустой объект {} . Если серия или значение не указаны, будет использовано глобальное значение. Каждый объект поддерживает следующие свойства:

• annotations — объект, применяемый к аннотациям этой серии. Его можно использовать, например, для управления textStyle серии:

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

  Более полный список того, что можно настроить, смотрите в различных вариантах annotations .

• areaOpacity — переопределяет глобальную areaOpacity для этой серии.
• color — цвет для этой серии. Укажите допустимую строку цвета HTML.
• labelInLegend — описание серии, которое будет отображаться в легенде диаграммы.
• lineDashStyle — переопределяет глобальное значение lineDashStyle для этой серии.
• lineWidth — переопределяет глобальное значение lineWidth для этой серии.
• pointShape — переопределяет глобальное значение pointShape для этой серии.
• pointSize — переопределяет глобальное значение pointSize для этой серии.
• pointsVisible — переопределяет глобальное значение pointsVisible для этой серии.
• targetAxisIndex — ось, к которой относится эта серия. 0 — ось по умолчанию, а 1 — противоположная ось. Значение по умолчанию — 0 ; установите значение 1 , чтобы задать диаграмму, на которой разные серии отображаются по разным осям. Как минимум одна серия должна быть назначена оси по умолчанию. Вы можете задать разные масштабы для разных осей.
• visibleInLegend — boolean значение, где true означает, что у серии должна быть запись легенды, а false — что её не должно быть. Значение по умолчанию — true .

Вы можете указать либо массив объектов, каждый из которых применяется к серии в указанном порядке, либо объект, где каждый дочерний элемент имеет числовой ключ, указывающий, к какой серии он относится. Например, следующие два объявления идентичны: первая серия объявляется чёрной и отсутствует в легенде, а четвёртая — красной и отсутствует в легенде:

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

Текст, отображаемый под заголовком диаграммы.

Объект, определяющий стиль текста заголовка.

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Тема — это набор предопределённых значений параметров, которые совместно обеспечивают определённое поведение диаграммы или визуальный эффект. В настоящее время доступна только одна тема:

• 'maximized' — увеличивает область диаграммы и отображает легенду и все подписи внутри области диаграммы.

Текст для отображения над диаграммой.

Объект, определяющий стиль текста заголовка. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Если установлено значение true , диаграмма будет рассматривать столбец как текстовый столбец.

Если установлено значение true , диаграмма будет рассматривать столбец как домен.

Задаёт свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом vAxis и может содержать все свойства, поддерживаемые vAxis . Эти значения свойств переопределяют любые глобальные настройки для того же свойства.

Чтобы создать диаграмму с несколькими вертикальными осями, сначала определите новую ось с помощью series.targetAxisIndex , а затем настройте её с помощью vAxes . В следующем примере серия 2 назначается правой оси и задаётся для неё пользовательский заголовок и стиль текста:

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

Это свойство может быть как объектом, так и массивом: объект — это коллекция объектов, каждый из которых имеет числовую метку, указывающую ось, которую он определяет (этот формат показан выше); массив — это массив объектов, по одному на каждую ось. Например, следующая запись в стиле массива идентична объекту vAxis , показанному выше:

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

Объект с элементами для настройки различных элементов вертикальной оси. Для задания свойств этого объекта можно использовать литеральную нотацию объекта, как показано здесь:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

Направление роста значений по вертикальной оси. По умолчанию низкие значения находятся внизу диаграммы. Укажите -1 , чтобы изменить порядок значений на обратный.

Объект с элементами для настройки линий сетки по вертикальной оси. Обратите внимание, что линии сетки по вертикальной оси отображаются горизонтально. Для задания свойств этого объекта можно использовать литеральную нотацию объекта, как показано здесь:

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

Эта опция поддерживается только для continuous оси.

Цвет вертикальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML.

Примерное количество горизонтальных линий сетки внутри области диаграммы. Если указать положительное число для gridlines.count , оно будет использовано для вычисления minSpacing между линиями сетки. Можно указать значение 1 , чтобы отображать только одну линию сетки, или 0 , чтобы не отображать ни одной линии. Укажите значение -1 (значение по умолчанию), чтобы автоматически вычислять количество линий сетки на основе других параметров.

Если true , вертикальная ось становится логарифмической. Примечание: все значения должны быть положительными.

Перемещает максимальное значение вертикальной оси на указанное значение; в большинстве диаграмм это значение будет направлено вверх. Игнорируется, если задано значение меньше максимального значения Y для данных. vAxis.viewWindow.max переопределяет это свойство.

Объект с элементами для настройки второстепенных линий сетки на вертикальной оси, аналогично параметру vAxis.gridlines.

Цвет вертикальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML.

Параметр minorGridlines.count в основном устарел, за исключением отключения второстепенных линий сетки путём установки значения счётчика равным 0 Количество второстепенных линий сетки зависит от интервала между основными линиями сетки и минимально необходимого пространства.

Перемещает минимальное значение вертикальной оси на указанное значение; в большинстве диаграмм это будет направлено вниз. Игнорируется, если задано значение, превышающее минимальное значение Y данных. vAxis.viewWindow.min переопределяет это свойство.

Положение текста вертикальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Объект, определяющий стиль текста по вертикальной оси. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Задает название вертикальной оси.

Объект, определяющий стиль текста заголовка вертикальной оси. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Задает диапазон обрезки вертикальной оси.

Максимальное значение вертикальных данных для визуализации.

Игнорируется, если vAxis.viewWindowMode имеет значение «красивый» или «развернутый».

Минимальное значение вертикальных данных для визуализации.

Игнорируется, если vAxis.viewWindowMode имеет значение «красивый» или «развернутый».

Цвет фона для основной области диаграммы. Может быть простой строкой цвета HTML, например: 'red' или '#00cc00' , или объектом со следующими свойствами.

Цвет заливки диаграммы в виде цветовой строки HTML.

Объект с элементами для настройки расположения и размера области диаграммы (где отображается сама диаграмма, за исключением осей и легенд). Поддерживаются два формата: число или число с добавлением %. Простое число — это значение в пикселях; число с добавлением %. — это процентное значение. Пример: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : цвет, указанный в виде шестнадцатеричной строки или английского названия цвета.
• strokeWidth : Если указано, рисует границу вокруг области диаграммы заданной ширины (и цвета stroke ).

Высота области диаграммы.

На каком расстоянии от левого края рисовать диаграмму.

На каком расстоянии от верхней границы рисовать диаграмму.

Ширина области диаграммы.

Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент — это строка цвета HTML, например: colors:['red','#004411'] .

Задаёт свойства для отдельных горизонтальных осей, если диаграмма имеет несколько горизонтальных осей. Каждый дочерний объект является объектом hAxis и может содержать все свойства, поддерживаемые hAxis . Эти значения свойств переопределяют любые глобальные настройки для того же свойства.

Чтобы создать диаграмму с несколькими горизонтальными осями, сначала определите новую ось с помощью series.targetAxisIndex , а затем настройте её с помощью hAxes . В следующем примере серия 1 назначается нижней оси и задаётся для неё пользовательский заголовок и стиль текста:

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

Это свойство может быть как объектом, так и массивом: объект — это коллекция объектов, каждый из которых имеет числовую метку, указывающую ось, которую он определяет (этот формат показан выше); массив — это массив объектов, по одному на каждую ось. Например, следующая запись в стиле массива идентична объекту hAxis , показанному выше:

 hAxes: {   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {       color: 'red'     }   } // Axis 1     

Объект с элементами для настройки различных элементов горизонтальной оси. Для задания свойств этого объекта можно использовать литеральную нотацию объекта, как показано здесь:

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

Направление роста значений по горизонтальной оси. Укажите -1 , чтобы изменить порядок значений на обратный.

Объект со свойствами для настройки линий сетки по горизонтальной оси. Обратите внимание, что линии сетки по горизонтальной оси отображаются вертикально. Чтобы задать свойства этого объекта, можно использовать литеральную нотацию объекта, как показано здесь:

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

Эта опция поддерживается только для continuous оси.

Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML.

Примерное количество горизонтальных линий сетки внутри области диаграммы. Если указать положительное число для gridlines.count , оно будет использовано для вычисления minSpacing между линиями сетки. Можно указать значение 1 , чтобы отображать только одну линию сетки, или 0 , чтобы не отображать ни одной линии. Укажите значение -1 (значение по умолчанию), чтобы автоматически вычислять количество линий сетки на основе других параметров.

Свойство hAxis , которое устанавливает логарифмическую шкалу горизонтальной оси (требует, чтобы все значения были положительными). Установите значение true , чтобы задать значение «да».

Эта опция поддерживается только для continuous оси.

Перемещает максимальное значение горизонтальной оси на указанное значение; в большинстве диаграмм это будет смещение вправо. Игнорируется, если задано значение меньше максимального значения по оси X данных. hAxis.viewWindow.max переопределяет это свойство.

Объект с элементами для настройки второстепенных линий сетки на горизонтальной оси, аналогично параметру hAxis.gridlines .

Эта опция поддерживается только для continuous оси.

Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML.

Параметр minorGridlines.count в основном устарел, за исключением отключения второстепенных линий сетки путем установки счетчика в 0. Количество второстепенных линий сетки теперь полностью зависит от интервала между основными линиями сетки (см. hAxis.gridlines.interval ) и минимально необходимого пространства (см. hAxis.minorGridlines.minSpacing ).

Смещает минимальное значение горизонтальной оси на указанное значение; в большинстве диаграмм оно будет смещено влево. Игнорируется, если задано значение, превышающее минимальное значение по оси X данных. hAxis.viewWindow.min переопределяет это свойство.

Положение текста горизонтальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Объект, определяющий стиль текста по горизонтальной оси. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Свойство hAxis , которое определяет название горизонтальной оси.

Объект, определяющий стиль текста заголовка горизонтальной оси. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Задает диапазон обрезки горизонтальной оси.

Максимальное горизонтальное значение данных для визуализации.

Игнорируется, если hAxis.viewWindowMode имеет значение 'pretty' или 'maximized' .

Минимальное горизонтальное значение данных для визуализации.

Игнорируется, если hAxis.viewWindowMode имеет значение 'pretty' или 'maximized' .

Высота диаграммы в пикселях.

Если установлено значение true , элементы всех серий будут располагаться в столбце для каждого значения домена. Примечание: в столбчатых , площадных и ступенчатых диаграммах Google Charts меняет порядок элементов легенды на обратный для лучшего соответствия порядку элементов серий (например, серия 0 будет самым нижним элементом легенды). Это не относится к столбчатым диаграммам.

Параметр isStacked также поддерживает 100% стекирование, при котором стеки элементов в каждом значении домена масштабируются для суммирования до 100%.

Возможные варианты isStacked :

• false — элементы не будут накладываться друг на друга. Это значение по умолчанию.
• true — складывает элементы для всех серий в каждом значении домена.
• 'percent' — складывает элементы для всех серий в каждом значении домена и масштабирует их таким образом, чтобы в сумме они составляли 100%, при этом значение каждого элемента рассчитывается как процент от 100%.
• 'relative' — складывает элементы для всех серий в каждом значении домена и масштабирует их так, чтобы в сумме они составляли 1, при этом значение каждого элемента рассчитывается как доля от 1.
• 'absolute' — функционирует так же, как isStacked: true .

При 100%-ном стекировании расчетное значение для каждого элемента будет отображаться в подсказке после его фактического значения.

Целевая ось по умолчанию будет иметь значения делений на основе относительной шкалы 0-1 в виде долей 1 для 'relative' и 0-100% для 'percent' ( Примечание: при использовании параметра 'percent' значения осей/делений отображаются в процентах, однако фактические значения — это относительные значения шкалы 0-1. Это связано с тем, что деления процентной оси являются результатом применения формата "#.##%" к относительным значениям шкалы 0-1. При использовании isStacked: 'percent' обязательно укажите все деления/линии сетки с использованием относительных значений шкалы 0-1). Вы можете настроить значения линий сетки/делений и форматирование с помощью соответствующих параметров hAxis/vAxis .

100%-ное стекирование поддерживает только значения данных типа number и должно иметь базовую линию, равную нулю.

Объект с элементами для настройки различных аспектов легенды. Чтобы задать свойства этого объекта, можно использовать литеральную нотацию объекта, как показано здесь:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Расположение легенды. Может быть одним из следующих:

• 'bottom' — ниже графика.
• 'left' — слева от диаграммы, при условии, что с левой осью не связана ни одна серия. Поэтому, если вы хотите, чтобы легенда располагалась слева, используйте параметр targetAxisIndex: 1 .
• 'in' — внутри диаграммы, около верхнего левого угла.
• 'none' — легенда не отображается.
• 'right' — справа от диаграммы. Несовместимо с опцией vAxes .
• 'top' — над диаграммой.

Объект, определяющий стиль текста легенды. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Если установлено значение true , серия рисуется справа налево. По умолчанию рисование выполняется слева направо.

Эта опция поддерживается только для discrete major оси.

Массив объектов, каждый из которых описывает формат соответствующей серии на диаграмме. Чтобы использовать значения по умолчанию для серии, укажите пустой объект {} . Если серия или значение не указаны, будет использовано глобальное значение. Каждый объект поддерживает следующие свойства:

• annotations — объект, применяемый к аннотациям этой серии. Его можно использовать, например, для управления textStyle серии:

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

  Более полный список того, что можно настроить, смотрите в различных вариантах annotations .

• color — цвет для этой серии. Укажите допустимую строку цвета HTML.
• labelInLegend — описание серии, которое будет отображаться в легенде диаграммы.
• targetAxisIndex — ось, к которой относится эта серия. 0 — ось по умолчанию, а 1 — противоположная ось. Значение по умолчанию — 0 ; установите значение 1 , чтобы задать диаграмму, на которой разные серии отображаются по разным осям. Как минимум одна серия должна быть назначена оси по умолчанию. Вы можете задать разные масштабы для разных осей.
• visibleInLegend — boolean значение, где true означает, что у серии должна быть запись легенды, а false — что её не должно быть. Значение по умолчанию — true .

Вы можете указать либо массив объектов, каждый из которых применяется к серии в указанном порядке, либо объект, где каждый дочерний элемент имеет числовой ключ, указывающий, к какой серии он относится. Например, следующие два объявления идентичны: первая серия объявляется чёрной и отсутствует в легенде, а четвёртая — красной и отсутствует в легенде:

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

Текст, отображаемый под заголовком диаграммы.

Объект, определяющий стиль текста заголовка.

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Тема — это набор предопределённых значений параметров, которые совместно обеспечивают определённое поведение диаграммы или визуальный эффект. В настоящее время доступна только одна тема:

• 'maximized' — увеличивает область диаграммы и отображает легенду и все подписи внутри области диаграммы.

Текст для отображения над диаграммой.

Объект, определяющий стиль текста заголовка. Формат объекта:

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

color может быть любой строкой цвета HTML, например: 'red' или '#00cc00' . См. также fontName и fontSize .

Отображает линии тренда на диаграммах, которые их поддерживают. По умолчанию используются linear линии тренда, но это можно настроить с помощью trendlines. n .type Option.

Линии тренда указаны на основе каждого серии, поэтому в большинстве случаев ваши варианты будут выглядеть так:

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     

Цвет линии тренда , выраженный как английское название цвета или шестнадцатеричную струну.

Для линий type: 'polynomial' , степень полинома ( 2 для квадратичного, 3 для кубического и т. Д.).

Если установить, линия тренда появится в легенде в качестве этой строки.

Ширина линии линии тренда , в пикселях.

Независимо от того, является ли линии тренда 'linear' (по умолчанию), 'exponential' или 'polynomial' .

Появляется ли уравнение линии тренда в легенде. Он появится в всплеске инструментов Trendline.

Если установить true , диаграмма будет рассматривать столбец как домен.

Объект с членами для настройки различных элементов вертикальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

Направление, в котором растут значения вдоль вертикальной оси. По умолчанию низкие значения находятся в нижней части диаграммы. Укажите -1 , чтобы отменить порядок значений.

Объект с членами для настройки линий сетки на вертикальной оси. Обратите внимание, что сетки с вертикальной осью нарисованы горизонтально. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

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

Этот вариант поддерживается только для continuous оси.

Цвет вертикальных сетки внутри области диаграммы. Укажите действительную цветную строку HTML.

Приблизительное количество горизонтальных сетки внутри области диаграммы. Если вы указали положительное число для gridlines.count Связь, оно будет использовано для вычисления minSpacing между сетками. Вы можете указать значение 1 , чтобы нарисовать только одну линию сетки или 0 , чтобы нарисовать линии сетки. Укажите -1 , который является по умолчанию, чтобы автоматически вычислять количество линий сетки на основе других параметров.

Если true , делает вертикальную ось логарифмической шкалой. Примечание: все значения должны быть положительными.

Перемещает максимальное значение вертикальной оси к указанному значению; Это будет вверх в большинстве графиков. Игнорируется, если это установлено значение меньше, чем максимальное значение y данных. vAxis.viewWindow.max переопределяет это свойство.

Объект с членами для настройки незначительных сетей на вертикальной оси, аналогично опции vaxis.gridlines.

Цвет вертикальных незначительных сетки в области диаграммы. Укажите действительную цветную строку HTML.

Опция minorGridlines.count в основном устарела, за исключением отключения незначительных сетей, установив счет на 0 Количество небольших сетей зависит от интервала между основными сетками и минимальным требуемым пространством.

Перемещает значение MIN вертикальной оси к указанному значению; Это будет вниз в большинстве графиков. Игнорируется, если это установлено значение, превышающему минимальное значение y данных. vAxis.viewWindow.min переопределяет это свойство.

Положение текста вертикальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Объект, который указывает стиль текста вертикальной оси. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Указывает заголовок для вертикальной оси.

Объект, который указывает стиль текста с вертикальной осью. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Указывает диапазон обрезки вертикальной оси.

Максимальное значение вертикального данных для рендеринга.

Игнорируется, когда vAxis.viewWindowMode «симпатичный» или «максимизирован».

Минимальное значение вертикального данных для рендеринга.

Игнорируется, когда vAxis.viewWindowMode «симпатичный» или «максимизирован».

Цвет фона для основной области диаграммы. Может быть либо простая цветная строка HTML, например: 'red' или '#00cc00' , либо объектом со следующими свойствами.

Цвет заполнения диаграммы, как цветовая струна HTML.

Объект с участниками для настройки визуальных свойств пузырьков.

Непрозрачность пузырьков, где 0 полностью прозрачна и 1 полностью непрозрачна.

Цвет удара пузырьков.

Объект, который указывает стиль пузырька. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Объект с членами для настройки размещения и размера области диаграммы (где сама диаграмма нарисована, исключая ось и легенды). Поддерживаются два формата: число или число, за которым следуют %. Простое число - это значение в пикселях; Число, за которым следует процент, составляет процент. Пример: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : цвет, предоставляемый как шестнадцатеричная струна или английское название цвета.
• strokeWidth : если предоставлена, вытягивает границу вокруг области диаграммы заданной ширины (и с цветом stroke ).

Площадь диаграммы высота.

Как далеко нарисовать диаграмму от левой границы.

Как далеко нарисовать диаграмму от верхней границы.

Ширина области диаграммы.

Цвета, которые можно использовать для элементов диаграммы. Массив струн, где каждый элемент представляет собой цветную строку HTML, например: colors:['red','#004411'] .

Объект с членами для настройки различных элементов горизонтальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

Направление, в котором растут значения вдоль горизонтальной оси. Укажите -1 , чтобы отменить порядок значений.

Объект со свойствами для настройки сетки на горизонтальной оси. Обратите внимание, что сетки горизонтальной оси нарисованы вертикально. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

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

Этот вариант поддерживается только для continuous оси.

Цвет горизонтальных линий сетки внутри области диаграммы. Укажите действительную цветную строку HTML.

Приблизительное количество горизонтальных сетки внутри области диаграммы. Если вы указали положительное число для gridlines.count Связь, оно будет использовано для вычисления minSpacing между сетками. Вы можете указать значение 1 , чтобы нарисовать только одну линию сетки или 0 , чтобы нарисовать линии сетки. Укажите -1 , который является по умолчанию, чтобы автоматически вычислять количество линий сетки на основе других параметров.

свойство hAxis , которое делает горизонтальную ось логарифмической шкалой (требует положительных значений). Установите true для да.

Этот вариант поддерживается только для continuous оси.

Перемещает максимальное значение горизонтальной оси к указанному значению; Это будет вправо в большинстве графиков. Игнорируется, если это установлено значение меньше максимального x-значения данных. hAxis.viewWindow.max переопределяет это свойство.

Объект с членами для настройки незначительных сетей на горизонтальной оси, аналогично опции hAxis.gridlines .

Этот вариант поддерживается только для continuous оси.

Цвет горизонтальных второстепенных сетей внутри области диаграммы. Укажите действительную цветную строку HTML.

Опция minorGridlines.count в основном устарел, за исключением отключения незначительных сетей, устанавливая счет на 0. Количество незначительных линий сетки теперь полностью зависит от интервала между основными сетками (см. hAxis.gridlines.interval ) и минимально требуемое пространство (см. hAxis.minorGridlines.minSpacing ).

Перемещает значение MIN горизонтальной оси к указанному значению; Это будет оставлен в большинстве графиков. Игнорируется, если это установлено значение, большее, чем минимальное x-значение данных. hAxis.viewWindow.min переопределяет это свойство.

Положение текста горизонтальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Объект, который указывает стиль текста горизонтальной оси. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

свойство hAxis , которое указывает заголовок горизонтальной оси.

Объект, который указывает стиль текста титула горизонтальной оси. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Указывает диапазон обрезки горизонтальной оси.

Максимальное горизонтальное значение данных для рендеринга.

Игнорируется, когда hAxis.viewWindowMode является 'pretty' или 'maximized' .

Минимальное горизонтальное значение данных для рендеринга.

Игнорируется, когда hAxis.viewWindowMode является 'pretty' или 'maximized' .

Высота диаграммы в пикселях.

Объект с членами для настройки различных аспектов легенды. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Положение легенды. Может быть одним из следующих:

• 'bottom' - под диаграммой.
• 'left' - слева от диаграммы, при условии, что левая ось не связана с ней. Поэтому, если вы хотите легенду слева, используйте опцию targetAxisIndex: 1 .
• 'in' - Внутри графика, под верхним левым углом.
• 'none' - легенда не отображается.
• 'right' - справа от диаграммы. Несовместимо с опцией vAxes .
• 'top' - над диаграммой.

Объект, который указывает стиль текста легенды. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Объектом объектов, где ключи являются именами серий (значения в цветовом столбце) и каждый объект, описывающий формат соответствующего ряда в диаграмме. Если серия или значение не указано, глобальное значение будет использоваться. Каждый объект поддерживает следующие свойства:

• color - цвет для использования для этой серии. Укажите действительную цветную строку HTML.
• visibleInLegend - boolean значение, где true означает, что серия должна иметь легендарную запись, а false означает, что это не должно. По умолчанию true .

series: {'Europe': {color: 'green'}}

Объект с членами для настройки того, как значения связаны с размером пузырьков. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

 {minValue: 0,  maxSize: 20}

Максимальный радиус максимально возможного пузыря в пикселях.

Минимальный радиус максимально возможного пузыря в пикселях.

Текст для отображения под заголовком диаграммы.

Объект, который указывает стиль текста заголовка.

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тема - это набор предопределенных значений опции, которые работают вместе для достижения конкретного поведения в диаграмме или визуального эффекта. В настоящее время доступна только одна тема:

• 'maximized' - максимизирует область диаграммы и рисует легенду и все этикетки внутри области диаграммы.

Текст для отображения над диаграммой.

Объект, который указывает стиль текста заголовка. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Если установить true , диаграмма будет рассматривать столбец как текстовый столбец.

Если установить true , диаграмма будет рассматривать столбец как домен.

Определяет свойства для отдельных вертикальных оси, если диаграмма имеет несколько вертикальных оси. Каждый дочерний объект является объектом vAxis и может содержать все свойства, поддерживаемые vAxis . Эти значения свойства переопределяют любые глобальные настройки для того же свойства.

Чтобы указать диаграмму с несколькими вертикальными осями, сначала определите новую ось, используя series.targetAxisIndex , затем настройте оси с использованием vAxes . В следующем примере присваивается серия 2 на правую ось и определяет пользовательский заголовок и стиль текста для него:

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

Это свойство может быть либо объектом, либо массивом: объект представляет собой набор объектов, каждая из которых с числовой меткой, которая определяет ось, которую он определяет-это формат, показанный выше; Массив представляет собой массив объектов, по одному на ось. Например, следующая нотация в стиле массива идентична объекту vAxis , показанного выше:

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

Объект с членами для настройки различных элементов вертикальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

Направление, в котором растут значения вдоль вертикальной оси. По умолчанию низкие значения находятся в нижней части диаграммы. Укажите -1 , чтобы отменить порядок значений.

Объект с членами для настройки линий сетки на вертикальной оси. Обратите внимание, что сетки с вертикальной осью нарисованы горизонтально. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

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

Этот вариант поддерживается только для continuous оси.

Цвет вертикальных сетки внутри области диаграммы. Укажите действительную цветную строку HTML.

Приблизительное количество горизонтальных сетки внутри области диаграммы. Если вы указали положительное число для gridlines.count Связь, оно будет использовано для вычисления minSpacing между сетками. Вы можете указать значение 1 , чтобы нарисовать только одну линию сетки или 0 , чтобы нарисовать линии сетки. Укажите -1 , который является по умолчанию, чтобы автоматически вычислять количество линий сетки на основе других параметров.

Если true , делает вертикальную ось логарифмической шкалой. Примечание: все значения должны быть положительными.

Перемещает максимальное значение вертикальной оси к указанному значению; Это будет вверх в большинстве графиков. Игнорируется, если это установлено значение меньше, чем максимальное значение y данных. vAxis.viewWindow.max переопределяет это свойство.

Объект с членами для настройки незначительных сетей на вертикальной оси, аналогично опции vaxis.gridlines.

Цвет вертикальных незначительных сетки в области диаграммы. Укажите действительную цветную строку HTML.

Опция minorGridlines.count в основном устарела, за исключением отключения незначительных сетей, установив счет на 0 Количество небольших сетей зависит от интервала между основными сетками и минимальным требуемым пространством.

Перемещает значение MIN вертикальной оси к указанному значению; Это будет вниз в большинстве графиков. Игнорируется, если это установлено значение, превышающему минимальное значение y данных. vAxis.viewWindow.min переопределяет это свойство.

Положение текста вертикальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Объект, который указывает стиль текста вертикальной оси. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Указывает заголовок для вертикальной оси.

Объект, который указывает стиль текста с вертикальной осью. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Указывает диапазон обрезки вертикальной оси.

Максимальное значение вертикального данных для рендеринга.

Игнорируется, когда vAxis.viewWindowMode «симпатичный» или «максимизирован».

Минимальное значение вертикального данных для рендеринга.

Игнорируется, когда vAxis.viewWindowMode «симпатичный» или «максимизирован».

Высота диаграммы в пикселях.

Ширина диаграммы в пикселях.

Цвет фона для основной области диаграммы. Может быть либо простая цветная строка HTML, например: 'red' или '#00cc00' , либо объектом со следующими свойствами.

Цвет заполнения диаграммы, как цветовая струна HTML.

Объект с членами для настройки размещения и размера области диаграммы (где сама диаграмма нарисована, исключая ось и легенды). Поддерживаются два формата: число или число, за которым следует %. Простое число - это значение в пикселях; Число, за которым следует процент, составляет процент. Пример: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : цвет, предоставляемый как шестнадцатеричная струна или английское название цвета.
• strokeWidth : если предоставлена, вытягивает границу вокруг области диаграммы заданной ширины (и с цветом stroke ).

Площадь диаграммы высота.

Как далеко нарисовать диаграмму от левой границы.

Как далеко нарисовать диаграмму от верхней границы.

Ширина области диаграммы.

Цвета, которые можно использовать для элементов диаграммы. Массив струн, где каждый элемент представляет собой цветную строку HTML, например: colors:['red','#004411'] .

Объект с членами для настройки различных элементов горизонтальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

Направление, в котором растут значения вдоль горизонтальной оси. Укажите -1 , чтобы отменить порядок значений.

Объект со свойствами для настройки сетки на горизонтальной оси. Обратите внимание, что сетки горизонтальной оси нарисованы вертикально. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

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

Этот вариант поддерживается только для continuous оси.

Цвет горизонтальных линий сетки внутри области диаграммы. Укажите действительную цветную строку HTML.

Приблизительное количество горизонтальных сетки внутри области диаграммы. Если вы указали положительное число для gridlines.count Связь, оно будет использовано для вычисления minSpacing между сетками. Вы можете указать значение 1 , чтобы нарисовать только одну линию сетки или 0 , чтобы нарисовать линии сетки. Укажите -1 , который является по умолчанию, чтобы автоматически вычислять количество линий сетки на основе других параметров.

свойство hAxis , которое делает горизонтальную ось логарифмической шкалой (требует положительных значений). Установите true для да.

Этот вариант поддерживается только для continuous оси.

Перемещает максимальное значение горизонтальной оси к указанному значению; Это будет вправо в большинстве графиков. Игнорируется, если это установлено значение меньше максимального x-значения данных. hAxis.viewWindow.max переопределяет это свойство.

Объект с членами для настройки незначительных сетей на горизонтальной оси, аналогично опции hAxis.gridlines .

Этот вариант поддерживается только для continuous оси.

Цвет горизонтальных второстепенных сетей внутри области диаграммы. Укажите действительную цветную строку HTML.

Опция minorGridlines.count в основном устарел, за исключением отключения незначительных сетей, устанавливая счет на 0. Количество незначительных линий сетки теперь полностью зависит от интервала между основными сетками (см. hAxis.gridlines.interval ) и минимально требуемое пространство (см. hAxis.minorGridlines.minSpacing ).

Перемещает значение MIN горизонтальной оси к указанному значению; Это будет оставлен в большинстве графиков. Игнорируется, если это установлено значение, большее, чем минимальное x-значение данных. hAxis.viewWindow.min переопределяет это свойство.

Положение текста горизонтальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Объект, который указывает стиль текста горизонтальной оси. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

свойство hAxis , которое указывает заголовок горизонтальной оси.

Объект, который указывает стиль текста титула горизонтальной оси. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Указывает диапазон обрезки горизонтальной оси.

Максимальное горизонтальное значение данных для рендеринга.

Игнорируется, когда hAxis.viewWindowMode является 'pretty' или 'maximized' .

Минимальное горизонтальное значение данных для рендеринга.

Игнорируется, когда hAxis.viewWindowMode является 'pretty' или 'maximized' .

Высота диаграммы в пикселях.

Объект с членами для настройки различных аспектов легенды. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Положение легенды. Может быть одним из следующих:

• 'bottom' - под диаграммой.
• 'left' - слева от диаграммы, при условии, что левая ось не связана с ней. Поэтому, если вы хотите легенду слева, используйте опцию targetAxisIndex: 1 .
• 'in' - Внутри графика, под верхним левым углом.
• 'none' - легенда не отображается.
• 'right' - справа от диаграммы. Несовместимо с опцией vAxes .
• 'top' - над диаграммой.

Объект, который указывает стиль текста легенды. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Если установлено в true , рисует серию справа налево. По умолчанию - нарисовать влево направо.

Этот вариант поддерживается только для discrete major оси.

Массив объектов, каждый из которых описывает формат соответствующей серии в диаграмме. Чтобы использовать значения по умолчанию для серии, укажите пустой объект {} . Если серия или значение не указано, глобальное значение будет использоваться. Каждый объект поддерживает следующие свойства:

• color - цвет для использования для этой серии. Укажите действительную цветную строку HTML.
• fallingColor.fill - переопределяет Global candlestick.fallingColor.fill для этой серии.
• fallingColor.stroke - переопределяет глобальный candlestick.fallingColor.stroke для этой серии.
• fallingColor.strokeWidth - переопределяет глобальный candlestick.fallingColor.strokeWidth для этой серии.
• labelInLegend - описание серии, чтобы появиться в легенде графика.
• risingColor.fill - переопределяет глобальный candlestick.risingColor.fill для этой серии.
• risingColor.stroke - переопределяет глобальную candlestick.risingColor.stroke для этой серии.
• risingColor.strokeWidth - переопределяет глобальный candlestick.risingColor.strokeWidth для этой серии.
• targetAxisIndex - какая ось назначать эту серию, где 0 - ось по умолчанию, а 1 - противоположная ось. Значение по умолчанию составляет 0 ; Установите 1 , чтобы определить диаграмму, где различные серии отображаются против разных оси. По крайней мере, одна серия должна быть выделена по оси по умолчанию. Вы можете определить другую шкалу для разных осей.
• visibleInLegend - boolean значение, где true означает, что серия должна иметь легендарную запись, а false означает, что это не должно. По умолчанию true .

Вы можете указать либо массив объектов, каждый из которых относится к серии в данном порядке, либо вы можете указать объект, в котором у каждого ребенка есть числовое ключ, указывающий, к какой серии он применим. Например, следующие два заявления идентичны и объявляют первую серию черной и отсутствующей в легенде, а четвертый - красный и отсутствующий от легенды:

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} } 

Текст для отображения под заголовком диаграммы.

Объект, который указывает стиль текста заголовка.

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тема - это набор предопределенных значений опции, которые работают вместе для достижения конкретного поведения в диаграмме или визуального эффекта. В настоящее время доступна только одна тема:

• 'maximized' - максимизирует область диаграммы и рисует легенду и все этикетки внутри области диаграммы.

Текст для отображения над диаграммой.

Объект, который указывает стиль текста заголовка. У объекта есть этот формат:

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

color может быть любой цветной струной HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Если установить true , диаграмма будет рассматривать столбец как домен.

Определяет свойства для отдельных вертикальных оси, если диаграмма имеет несколько вертикальных оси. Каждый дочерний объект является объектом vAxis и может содержать все свойства, поддерживаемые vAxis . Эти значения свойства переопределяют любые глобальные настройки для того же свойства.

Чтобы указать диаграмму с несколькими вертикальными осями, сначала определите новую ось, используя series.targetAxisIndex , затем настройте оси с использованием vAxes . В следующем примере присваивается серия 2 на правую ось и определяет пользовательский заголовок и стиль текста для него:

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

Это свойство может быть либо объектом, либо массивом: объект представляет собой набор объектов, каждая из которых с числовой меткой, которая определяет ось, которую он определяет-это формат, показанный выше; Массив представляет собой массив объектов, по одному на ось. Например, следующая нотация в стиле массива идентична объекту vAxis , показанного выше:

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

Объект с членами для настройки различных элементов вертикальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

Направление, в котором растут значения вдоль вертикальной оси. По умолчанию низкие значения находятся в нижней части диаграммы. Укажите -1 , чтобы отменить порядок значений.

Объект с членами для настройки линий сетки на вертикальной оси. Обратите внимание, что сетки с вертикальной осью нарисованы горизонтально. Чтобы указать свойства этого объекта, вы можете использовать буквальные нотации объекта, как показано здесь:

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

Этот вариант поддерживается только для continuous оси.

Цвет вертикальных сетки внутри области диаграммы. Укажите действительную цветную строку HTML.

Приблизительное количество горизонтальных сетки внутри области диаграммы. Если вы указали положительное число для gridlines.count Связь, оно будет использовано для вычисления minSpacing между сетками. Вы можете указать значение 1 , чтобы нарисовать только одну линию сетки или 0 , чтобы нарисовать линии сетки. Укажите -1 , который является по умолчанию, чтобы автоматически вычислять количество линий сетки на основе других параметров.

Если true , делает вертикальную ось логарифмической шкалой. Примечание: все значения должны быть положительными.

Перемещает максимальное значение вертикальной оси к указанному значению; Это будет вверх в большинстве графиков. Игнорируется, если это установлено значение меньше, чем максимальное значение y данных. vAxis.viewWindow.max переопределяет это свойство.

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

An object that specifies the vertical axis text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies a title for the vertical axis.

An object that specifies the vertical axis title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies the cropping range of the vertical axis.

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

The chart fill color, as an HTML color string.

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : The color, provided as a hex string or English color name.
• strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).

Chart area height.

How far to draw the chart from the left border.

How far to draw the chart from the top border.

Chart area width.

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

The direction in which the values along the horizontal axis grow. Specify -1 to reverse the order of the values.

An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here:

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

This option is only supported for a continuous axis.

The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string.

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

hAxis property that makes the horizontal axis a logarithmic scale (requires all values to be positive). Set to true for yes.

This option is only supported for a continuous axis.

Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. hAxis.viewWindow.max overrides this property.

An object with members to configure the minor gridlines on the horizontal axis, similar to the hAxis.gridlines option.

This option is only supported for a continuous axis.

The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string.

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines now depends entirely on the interval between major gridlines (see hAxis.gridlines.interval ) and the minimum required space (see hAxis.minorGridlines.minSpacing ).

Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. hAxis.viewWindow.min overrides this property.

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

An object that specifies the horizontal axis text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

hAxis property that specifies the title of the horizontal axis.

An object that specifies the horizontal axis title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies the cropping range of the horizontal axis.

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

Height of the chart in pixels.

If set to true , stacks the elements for all series at each domain value. Note: In Column , Area , and SteppedArea charts, Google Charts reverses the order of legend items to better correspond with the stacking of the series elements (Eg series 0 will be the bottom-most legend item). This does not apply to Bar Charts.

The isStacked option also supports 100% stacking, where the stacks of elements at each domain value are rescaled to add up to 100%.

The options for isStacked are:

• false — elements will not stack. This is the default option.
• true — stacks elements for all series at each domain value.
• 'percent' — stacks elements for all series at each domain value and rescales them such that they add up to 100%, with each element's value calculated as a percentage of 100%.
• 'relative' — stacks elements for all series at each domain value and rescales them such that they add up to 1, with each element's value calculated as a fraction of 1.
• 'absolute' — functions the same as isStacked: true .

For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value.

The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 'relative' , and 0-100% for 'percent' ( Note: when using the 'percent' option, the axis/tick values are displayed as percentages, however the actual values are the relative 0-1 scale values. This is because the percentage axis ticks are the result of applying a format of "#.##%" to the relative 0-1 scale values. When using isStacked: 'percent' , be sure to specify any ticks/gridlines using the relative 0-1 scale values). You can customize the gridlines/tick values and formatting using the appropriate hAxis/vAxis options.

100% stacking only supports data values of type number , and must have a baseline of zero.

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Position of the legend. Can be one of the following:

• 'bottom' - Below the chart.
• 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
• 'in' - Inside the chart, by the top left corner.
• 'none' - No legend is displayed.
• 'right' - To the right of the chart. Incompatible with the vAxes option.
• 'top' - Above the chart.

An object that specifies the legend text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

• annotations - An object to be applied to annotations for this series. This can be used to control, for instance, the textStyle for the series:

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

  See the various annotations options for a more complete list of what can be customized.

• color - The color to use for this series. Specify a valid HTML color string.
• labelInLegend - The description of the series to appear in the chart legend.
• targetAxisIndex - Which axis to assign this series to, where 0 is the default axis, and 1 is the opposite axis. Default value is 0 ; set to 1 to define a chart where different series are rendered against different axes. At least one series must be allocated to the default axis. You can define a different scale for different axes.

You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

Text to display below the chart title.

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

• 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.

Text to display above the chart.

An object that specifies the title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Displays trendlines on the charts that support them. By default, linear trendlines are used, but this can be customized with the trendlines. n .type option.

Trendlines are specified on a per-series basis, so most of the time your options will look like this:

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     

The color of the trendline , expressed as either an English color name or a hex string.

For trendlines of type: 'polynomial' , the degree of the polynomial ( 2 for quadratic, 3 for cubic, and so on).

If set, the trendline will appear in the legend as this string.

The line width of the trendline , in pixels.

Whether the trendlines is 'linear' (the default), 'exponential' , or 'polynomial' .

Whether the trendline equation appears in the legend. It will appear in the trendline tooltip.

If set to true , the chart will treat the column as the domain.

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

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

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

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

This option is only supported for a continuous axis.

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

An object that specifies the vertical axis text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies a title for the vertical axis.

An object that specifies the vertical axis title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies the cropping range of the vertical axis.

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

The default opacity of the colored area under an area chart series, where 0.0 is fully transparent and 1.0 is fully opaque. To specify opacity for an individual series, set the areaOpacity value in the series property.

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

The chart fill color, as an HTML color string.

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : The color, provided as a hex string or English color name.
• strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).

Chart area height.

How far to draw the chart from the left border.

How far to draw the chart from the top border.

Chart area width.

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Controls the curve of the lines when the line width is not zero. Can be one of the following:

• 'none' - Straight lines without curve.
• 'function' - The angles of the line will be smoothed.

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

The direction in which the values along the horizontal axis grow. Specify -1 to reverse the order of the values.

An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here:

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

This option is only supported for a continuous axis.

The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string.

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

hAxis property that makes the horizontal axis a logarithmic scale (requires all values to be positive). Set to true for yes.

This option is only supported for a continuous axis.

Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. hAxis.viewWindow.max overrides this property.

An object with members to configure the minor gridlines on the horizontal axis, similar to the hAxis.gridlines option.

This option is only supported for a continuous axis.

The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string.

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines now depends entirely on the interval between major gridlines (see hAxis.gridlines.interval ) and the minimum required space (see hAxis.minorGridlines.minSpacing ).

Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. hAxis.viewWindow.min overrides this property.

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

An object that specifies the horizontal axis text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

hAxis property that specifies the title of the horizontal axis.

An object that specifies the horizontal axis title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies the cropping range of the horizontal axis.

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

Height of the chart in pixels.

Whether to guess the value of missing points. If true , it will guess the value of any missing data based on neighboring points. If false , it will leave a break in the line at the unknown point.

This is not supported by Area charts with the isStacked: true/'percent'/'relative'/'absolute' option.

If set to true , stacks the elements for all series at each domain value. Note: In Column , Area , and SteppedArea charts, Google Charts reverses the order of legend items to better correspond with the stacking of the series elements (Eg series 0 will be the bottom-most legend item). This does not apply to Bar Charts.

The isStacked option also supports 100% stacking, where the stacks of elements at each domain value are rescaled to add up to 100%.

The options for isStacked are:

• false — elements will not stack. This is the default option.
• true — stacks elements for all series at each domain value.
• 'percent' — stacks elements for all series at each domain value and rescales them such that they add up to 100%, with each element's value calculated as a percentage of 100%.
• 'relative' — stacks elements for all series at each domain value and rescales them such that they add up to 1, with each element's value calculated as a fraction of 1.
• 'absolute' — functions the same as isStacked: true .

For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value.

The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 'relative' , and 0-100% for 'percent' ( Note: when using the 'percent' option, the axis/tick values are displayed as percentages, however the actual values are the relative 0-1 scale values. This is because the percentage axis ticks are the result of applying a format of "#.##%" to the relative 0-1 scale values. When using isStacked: 'percent' , be sure to specify any ticks/gridlines using the relative 0-1 scale values). You can customize the gridlines/tick values and formatting using the appropriate hAxis/vAxis options.

100% stacking only supports data values of type number , and must have a baseline of zero.

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Position of the legend. Can be one of the following:

• 'bottom' - Below the chart.
• 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
• 'in' - Inside the chart, by the top left corner.
• 'none' - No legend is displayed.
• 'right' - To the right of the chart. Incompatible with the vAxes option.
• 'top' - Above the chart.

An object that specifies the legend text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Data line width in pixels. Use zero to hide all lines and show only the points. You can override values for individual series using the series property.

The shape of individual data elements: 'circle' , 'triangle' , 'square' , 'diamond' , 'star' or 'polygon' . See the points documentation for examples.

Diameter of displayed points in pixels. Use zero to hide all points. You can override values for individual series using the series property. If you're using a trendline , the pointSize option will affect the width of the trendline unless you override it with the trendlines.n.pointsize option.

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

• annotations - An object to be applied to annotations for this series. This can be used to control, for instance, the textStyle for the series:

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

  See the various annotations options for a more complete list of what can be customized.

• areaOpacity - Overrides the global areaOpacity for this series..
• color - The color to use for this series. Specify a valid HTML color string.
• curveType - Overrides the global curveType value for this series.
• fallingColor.fill - Overrides the global candlestick.fallingColor.fill value for this series.
• fallingColor.stroke - Overrides the global candlestick.fallingColor.stroke value for this series.
• fallingColor.strokeWidth - Overrides the global candlestick.fallingColor.strokeWidth value for this series.
• labelInLegend - The description of the series to appear in the chart legend.
• lineDashStyle - Overrides the global lineDashStyle value for this series.
• lineWidth - Overrides the global lineWidth value for this series.
• pointShape - Overrides the global pointShape value for this series.
• pointSize - Overrides the global pointSize value for this series.
• pointsVisible - Overrides the global pointsVisible value for this series.
• risingColor.fill - Overrides the global candlestick.risingColor.fill value for this series.
• risingColor.stroke - Overrides the global candlestick.risingColor.stroke value for this series.
• risingColor.strokeWidth - Overrides the global candlestick.risingColor.strokeWidth value for this series.
• targetAxisIndex - Which axis to assign this series to, where 0 is the default axis, and 1 is the opposite axis. Default value is 0 ; set to 1 to define a chart where different series are rendered against different axes. At least one series must be allocated to the default axis. You can define a different scale for different axes.
• type - The type of marker for this series. Valid values are 'line', 'area', 'bars', and 'steppedArea'. Note that bars are actually vertical bars (columns). The default value is specified by the chart's seriesType option.
• visibleInLegend - A boolean value, where true means that the series should have a legend entry, and false means that it should not. Default is true .

You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

Text to display below the chart title.

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

• 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.

Text to display above the chart.

An object that specifies the title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

If set to true , the chart will treat the column as the domain.

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

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

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

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

This option is only supported for a continuous axis.

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

An object that specifies the vertical axis text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies a title for the vertical axis.

An object that specifies the vertical axis title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies the cropping range of the vertical axis.

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

The color to use for the green section in HTML color notation.

The lowest value for a range marked by a green color.

The highest value for a range marked by a green color.

Height of the chart in pixels.

The maximum value to show on the Y axis. If the maximum data point exceeds this value, this setting is ignored, and the chart is adjusted to show the next major tick mark above the maximum data point. This takes precedence over the Y axis maximum determined by scaleType .

This is similar to maxValue in core charts.

The minimum value to show on the Y axis. If the minimum data point is less than this value, this setting is ignored, and the chart is adjusted to show the next major tick mark below the minimum data point. This takes precedence over the Y axis minimum determined by scaleType .

This is similar to minValue in core charts.

The color to use for the red section in HTML color notation.

The lowest value for a range marked by a red color.

The highest value for a range marked by a red color.

Width of the chart in pixels.

The color to use for the yellow section in HTML color notation.

The lowest value for a range marked by a yellow color.

The highest value for a range marked by a yellow color.

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

The chart fill color, as an HTML color string.

Color to assign to regions with no associated data.

The color to use for data points in a geochart when the location (eg, 'US' ) is present but the value is either null or unspecified. This is distinct from datalessRegionColor , which is the color used when data is missing.

Which type of geochart this is. The DataTable format must match the value specified. The following values are supported:

• 'auto' - Choose based on the format of the DataTable.
• 'regions' - Color the regions on the geochart.
• 'markers' - Place markers on the regions.
• 'text' - Label the regions with text from the DataTable.

Height of the chart in pixels.

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

An object that specifies the legend text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

The area to display on the geochart. Surrounding areas are displayed as well. Can be one of the following:

• 'world' - A geochart of the entire world.
• A continent or a sub-continent, specified by its 3-digit code , eg, '011' for Western Africa.
• A country, specified by its ISO 3166-1 alpha-2 code, eg, 'AU' for Australia.
• A state in the United States, specified by its ISO 3166-2:US code, eg, 'US-AL' for Alabama. Note that the resolution option must be set to either 'provinces' or 'metros' .

Width of the chart in pixels.

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

The chart fill color, as an HTML color string.

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : The color, provided as a hex string or English color name.
• strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).

Chart area height.

How far to draw the chart from the left border.

How far to draw the chart from the top border.

Chart area width.

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here:

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

This option is only supported for a continuous axis.

The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string.

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

An object with members to configure the minor gridlines on the horizontal axis, similar to the hAxis.gridlines option.

This option is only supported for a continuous axis.

The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string.

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines now depends entirely on the interval between major gridlines (see hAxis.gridlines.interval ) and the minimum required space (see hAxis.minorGridlines.minSpacing ).

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

An object that specifies the horizontal axis text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

hAxis property that specifies the title of the horizontal axis.

An object that specifies the horizontal axis title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies the cropping range of the horizontal axis.

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

Height of the chart in pixels.

Hardcode the size of each histogram bar, rather than letting it be determined algorithmically.

Omit the thin divisions between the blocks of the histogram, making it into a series of solid bars.

When calculating the histogram's bucket size, ignore the top and bottom lastBucketPercentile percent. The values are still included in the histogram, but do not affect bucketing.

Whether to guess the value of missing points. If true , it will guess the value of any missing data based on neighboring points. If false , it will leave a break in the line at the unknown point.

This is not supported by Area charts with the isStacked: true/'percent'/'relative'/'absolute' option.

If set to true , stacks the elements for all series at each domain value. Note: In Column , Area , and SteppedArea charts, Google Charts reverses the order of legend items to better correspond with the stacking of the series elements (Eg series 0 will be the bottom-most legend item). This does not apply to Bar Charts.

The isStacked option also supports 100% stacking, where the stacks of elements at each domain value are rescaled to add up to 100%.

The options for isStacked are:

• false — elements will not stack. This is the default option.
• true — stacks elements for all series at each domain value.
• 'percent' — stacks elements for all series at each domain value and rescales them such that they add up to 100%, with each element's value calculated as a percentage of 100%.
• 'relative' — stacks elements for all series at each domain value and rescales them such that they add up to 1, with each element's value calculated as a fraction of 1.
• 'absolute' — functions the same as isStacked: true .

For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value.

The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 'relative' , and 0-100% for 'percent' ( Note: when using the 'percent' option, the axis/tick values are displayed as percentages, however the actual values are the relative 0-1 scale values. This is because the percentage axis ticks are the result of applying a format of "#.##%" to the relative 0-1 scale values. When using isStacked: 'percent' , be sure to specify any ticks/gridlines using the relative 0-1 scale values). You can customize the gridlines/tick values and formatting using the appropriate hAxis/vAxis options.

100% stacking only supports data values of type number , and must have a baseline of zero.

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Position of the legend. Can be one of the following:

• 'bottom' - Below the chart.
• 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
• 'in' - Inside the chart, by the top left corner.
• 'none' - No legend is displayed.
• 'right' - To the right of the chart. Incompatible with the vAxes option.
• 'top' - Above the chart.

An object that specifies the legend text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

• color - The color to use for this series. Specify a valid HTML color string.
• labelInLegend - The description of the series to appear in the chart legend.
• targetAxisIndex - Which axis to assign this series to, where 0 is the default axis, and 1 is the opposite axis. Default value is 0 ; set to 1 to define a chart where different series are rendered against different axes. At least one series must be allocated to the default axis. You can define a different scale for different axes.
• visibleInLegend - A boolean value, where true means that the series should have a legend entry, and false means that it should not. Default is true .

You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

Text to display below the chart title.

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

• 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.

Text to display above the chart.

An object that specifies the title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

If set to true , the chart will treat the column as the domain.

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

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

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

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

This option is only supported for a continuous axis.

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

An object that specifies the vertical axis text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies a title for the vertical axis.

An object that specifies the vertical axis title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies the cropping range of the vertical axis.

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

Width of the chart in pixels.

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

The chart fill color, as an HTML color string.

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : The color, provided as a hex string or English color name.
• strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).

Chart area height.

How far to draw the chart from the left border.

How far to draw the chart from the top border.

Chart area width.

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Controls the curve of the lines when the line width is not zero. Can be one of the following:

• 'none' - Straight lines without curve.
• 'function' - The angles of the line will be smoothed.

An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here:

 {   title: 'Hello',   titleTextStyle: {     color: '#FF0000'   } }     

The direction in which the values along the horizontal axis grow. Specify -1 to reverse the order of the values.

An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here:

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

This option is only supported for a continuous axis.

The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string.

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

hAxis property that makes the horizontal axis a logarithmic scale (requires all values to be positive). Set to true for yes.

This option is only supported for a continuous axis.

Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. hAxis.viewWindow.max overrides this property.

An object with members to configure the minor gridlines on the horizontal axis, similar to the hAxis.gridlines option.

This option is only supported for a continuous axis.

The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string.

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0. The number of minor gridlines now depends entirely on the interval between major gridlines (see hAxis.gridlines.interval ) and the minimum required space (see hAxis.minorGridlines.minSpacing ).

Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. hAxis.viewWindow.min overrides this property.

Position of the horizontal axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

An object that specifies the horizontal axis text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

hAxis property that specifies the title of the horizontal axis.

An object that specifies the horizontal axis title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies the cropping range of the horizontal axis.

The maximum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

The minimum horizontal data value to render.

Ignored when hAxis.viewWindowMode is 'pretty' or 'maximized' .

Height of the chart in pixels.

Whether to guess the value of missing points. If true , it will guess the value of any missing data based on neighboring points. If false , it will leave a break in the line at the unknown point.

This is not supported by Area charts with the isStacked: true/'percent'/'relative'/'absolute' option.

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Position of the legend. Can be one of the following:

• 'bottom' - Below the chart.
• 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
• 'in' - Inside the chart, by the top left corner.
• 'none' - No legend is displayed.
• 'right' - To the right of the chart. Incompatible with the vAxes option.
• 'top' - Above the chart.

An object that specifies the legend text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Data line width in pixels. Use zero to hide all lines and show only the points. You can override values for individual series using the series property.

The shape of individual data elements: 'circle' , 'triangle' , 'square' , 'diamond' , 'star' or 'polygon' . See the points documentation for examples.

Diameter of displayed points in pixels. Use zero to hide all points. You can override values for individual series using the series property. If you're using a trendline , the pointSize option will affect the width of the trendline unless you override it with the trendlines.n.pointsize option.

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object {} . If a series or a value is not specified, the global value will be used. Each object supports the following properties:

• annotations - An object to be applied to annotations for this series. This can be used to control, for instance, the textStyle for the series:

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

  See the various annotations options for a more complete list of what can be customized.

• type - The type of marker for this series. Valid values are 'line', 'area', 'bars', and 'steppedArea'. Note that bars are actually vertical bars (columns). The default value is specified by the chart's seriesType option.
• color - The color to use for this series. Specify a valid HTML color string.
• curveType - Overrides the global curveType value for this series.
• labelInLegend - The description of the series to appear in the chart legend.
• lineDashStyle - Overrides the global lineDashStyle value for this series.
• lineWidth - Overrides the global lineWidth value for this series.
• pointShape - Overrides the global pointShape value for this series.
• pointSize - Overrides the global pointSize value for this series.
• pointsVisible - Overrides the global pointsVisible value for this series.
• targetAxisIndex - Which axis to assign this series to, where 0 is the default axis, and 1 is the opposite axis. Default value is 0 ; set to 1 to define a chart where different series are rendered against different axes. At least one series must be allocated to the default axis. You can define a different scale for different axes.
• visibleInLegend - A boolean value, where true means that the series should have a legend entry, and false means that it should not. Default is true .

You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend:

 series: [   {color: 'black', visibleInLegend: false}, {}, {},   {color: 'red', visibleInLegend: false} ] series: {   0:{color: 'black', visibleInLegend: false},   3:{color: 'red', visibleInLegend: false} }     

Text to display below the chart title.

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:

• 'maximized' - Maximizes the area of the chart, and draws the legend and all of the labels inside the chart area.

Text to display above the chart.

An object that specifies the title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

If set to true , the chart will treat the column as a text column.

Displays trendlines on the charts that support them. By default, linear trendlines are used, but this can be customized with the trendlines. n .type option.

Trendlines are specified on a per-series basis, so most of the time your options will look like this:

 var options = {   trendlines: {     0: {       type: 'linear',       color: 'green',       lineWidth: 3,       opacity: 0.3,       visibleInLegend: true     }   } }     

The color of the trendline , expressed as either an English color name or a hex string.

For trendlines of type: 'polynomial' , the degree of the polynomial ( 2 for quadratic, 3 for cubic, and so on).

If set, the trendline will appear in the legend as this string.

The line width of the trendline , in pixels.

Whether the trendlines is 'linear' (the default), 'exponential' , or 'polynomial' .

Whether the trendline equation appears in the legend. It will appear in the trendline tooltip.

If set to true , the chart will treat the column as the domain.

Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a vAxis object, and can contain all the properties supported by vAxis . These property values override any global settings for the same property.

To specify a chart with multiple vertical axes, first define a new axis using series.targetAxisIndex , then configure the axis using vAxes . The following example assigns series 2 to the right axis and specifies a custom title and text style for it:

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

This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxis object shown above:

 vAxes: [   {}, // Nothing specified for axis 0   {     title:'Losses',     textStyle: {color: 'red'} // Axis 1   } ]     

An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}

The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify -1 to reverse the order of the values.

An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here:

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

This option is only supported for a continuous axis.

The color of the vertical gridlines inside the chart area. Specify a valid HTML color string.

The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for gridlines.count , it will be used to compute the minSpacing between gridlines. You can specify a value of 1 to only draw one gridline, or 0 to draw no gridlines. Specify -1 , which is the default, to automatically compute the number of gridlines based on other options.

If true , makes the vertical axis a logarithmic scale. Note: All values must be positive.

Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. vAxis.viewWindow.max overrides this property.

An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option.

The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string.

The minorGridlines.count option is mostly deprecated, except for disabling minor gridlines by setting the count to 0 . The number of minor gridlines depends on the interval between major gridlines and the minimum required space.

Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. vAxis.viewWindow.min overrides this property.

Position of the vertical axis text, relative to the chart area. Supported values: 'out' , 'in' , 'none' .

An object that specifies the vertical axis text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies a title for the vertical axis.

An object that specifies the vertical axis title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Specifies the cropping range of the vertical axis.

The maximum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

The minimum vertical data value to render.

Ignored when vAxis.viewWindowMode is 'pretty' or 'maximized'.

The background color of the org chart elements.

The background color of selected org chart elements.

The overall size of the chart. Options include 'small' , 'medium' , or 'large' .

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

The chart fill color, as an HTML color string.

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : The color, provided as a hex string or English color name.
• strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).

Chart area height.

How far to draw the chart from the left border.

How far to draw the chart from the top border.

Chart area width.

The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: colors:['red','#004411'] .

Height of the chart in pixels.

If true , displays a three-dimensional chart.

An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}

Position of the legend. Can be one of the following:

• 'bottom' - Below the chart.
• 'left' - To the left of the chart, provided the left axis has no series associated with it. So if you want the legend on the left, use the option targetAxisIndex: 1 .
• 'in' - Inside the chart, by the top left corner.
• 'none' - No legend is displayed.
• 'right' - To the right of the chart. Incompatible with the vAxes option.
• 'top' - Above the chart.

An object that specifies the legend text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

If between 0 and 1 , displays a donut chart. The hole has a radius equal to number times the radius of the chart.

The color of the slice borders. Only applicable when the chart is two-dimensional.

The content of the text displayed on the slice. Can be one of the following:

• 'percentage' - The percentage of the slice size out of the total.
• 'value' - The quantitative value of the slice.
• 'label' - The name of the slice.
• 'none' - No text is displayed.

An object that specifies the slice text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

If set to true , draws series from right to left. The default is to draw left to right.

This option is only supported for a discrete major axis.

The color to use for this slice.

Text to display below the chart title.

An object that specifies the title text style.

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

Text to display above the chart.

An object that specifies the title text style. The object has this format:

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

The color can be any HTML color string, for example: 'red' or '#00cc00' . Also see fontName and fontSize .

The background color for the main area of the chart. Can be either a simple HTML color string, for example: 'red' or '#00cc00' , or an object with the following properties.

The chart fill color, as an HTML color string.

An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: chartArea:{left:20,top:0,width:'50%',height:'75%'}

• stroke : The color, provided as a hex string or English color name.
• strokeWidth : If provided, draws a border around the chart area of the given width (and with the color of stroke ).