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

Типы диаграмм

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

Имя
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
DisplayRangeSelector

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

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

Тип: boolean
По умолчанию: true
дисплейZoomButtons

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

Тип: boolean
По умолчанию: true
Макс

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

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

Тип: number
По умолчанию: автоматический
мин

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

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

Тип: number
По умолчанию: автоматический

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

Имя
площадьНепрозрачность

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

Тип: number , 0.0- 1.0
По умолчанию: 0.3
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: number или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
ось

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
hAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
hAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
hAxis.gridlines.count

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

Тип: number
По умолчанию: -1
hAxis.logScale

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

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

Тип: boolean
По умолчанию: false
hAxis.maxValue

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

Тип: number
По умолчанию: автоматический
hAxis.minorGridlines

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

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

Тип: object
По умолчанию: null
hAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
hAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
hAxis.minValue

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

Тип: number
По умолчанию: автоматический
hAxis.textPosition

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

Тип: string
По умолчанию: 'out'
hAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Тип: string
По умолчанию: null
hAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

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

Тип: object
По умолчанию: null
hAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
интерполироватьNulls

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

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

Тип: boolean
По умолчанию: false
isStacked

Если установлено значение 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 и должно иметь нулевую базовую линию.

Тип: boolean / string
По умолчанию: false
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ширина линии

Ширина линии данных в пикселях. Используйте ноль, чтобы скрыть все линии и показать только точки. Вы можете переопределить значения для отдельных серий, используя свойство series .

Тип: number
По умолчанию: 2
точкаФорма

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

Тип: string
По умолчанию: 'circle'
размер точки

Диаметр отображаемых точек в пикселях. Используйте ноль, чтобы скрыть все точки. Вы можете переопределить значения для отдельных серий, используя свойство series .

Тип: number
По умолчанию: 0
обратныеКатегории

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

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

Тип: boolean
По умолчанию: false
ряд

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

  • 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}
}
Тип: Массив объектов или объект со вложенными объектами.
По умолчанию: {}
субтитры

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

Тип: string
По умолчанию: без названия
стиль текста субтитров

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

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

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
рассматриватьLabelsAsText

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

Тип: boolean
использоватьFirstColumnAsDomain

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

Тип: boolean
vAxes

Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом 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
  }
]
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
вАксис

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
vAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

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

Тип: number
По умолчанию: -1
vAxis.logScale

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

Тип: boolean
По умолчанию: false
vAxis.maxValue

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

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

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

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
vAxis.minValue

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

Тип: number
По умолчанию: null
vAxis.textPosition

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

Тип: string
По умолчанию: 'out'
vAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

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

Тип: object
По умолчанию: null
vAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто

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

Имя
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: число или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
hAxes

Указывает свойства для отдельных горизонтальных осей, если диаграмма имеет несколько горизонтальных осей. Каждый дочерний объект является объектом 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
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
ось

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
hAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
hAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
hAxis.gridlines.count

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

Тип: number
По умолчанию: -1
hAxis.logScale

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

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

Тип: boolean
По умолчанию: false
hAxis.maxValue

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

Тип: number
По умолчанию: автоматический
hAxis.minorGridlines

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

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

Тип: object
По умолчанию: null
hAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
hAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
hAxis.minValue

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

Тип: number
По умолчанию: автоматический
hAxis.textPosition

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

Тип: string
По умолчанию: 'out'
hAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Тип: string
По умолчанию: null
hAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

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

Тип: object
По умолчанию: null
hAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
isStacked

Если установлено значение 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 и должно иметь нулевую базовую линию.

Тип: boolean / string
По умолчанию: false
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
обратныеКатегории

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

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

Тип: boolean
По умолчанию: false
ряд

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

  • 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}
}
Тип: Массив объектов или объект со вложенными объектами.
По умолчанию: {}
субтитры

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

Тип: string
По умолчанию: без названия
стиль текста субтитров

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

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

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
линии тренда

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

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Тип: object
По умолчанию: null
линии тренда.n.color

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

Тип: string
По умолчанию: цвет серии по умолчанию.
линии тренда.n.степень

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

Тип: number
По умолчанию: 3
Trendlines.n.labelInLegend

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

Тип: string
По умолчанию: null
Trendlines.n.lineWidth

Толщина линии тренда в пикселях.

Тип: number
По умолчанию: 2
линии тренда.n.type

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

Тип: string
По умолчанию: linear
Trendlines.n.visibleInLegend

Появляется ли уравнение линии тренда в легенде. Он появится во всплывающей подсказке линии тренда.

Тип: boolean
По умолчанию: false
использоватьFirstColumnAsDomain

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

Тип: boolean
вАксис

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
vAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

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

Тип: number
По умолчанию: -1
vAxis.logScale

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

Тип: boolean
По умолчанию: false
vAxis.maxValue

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

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

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

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
vAxis.minValue

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

Тип: number
По умолчанию: null
vAxis.textPosition

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

Тип: string
По умолчанию: 'out'
vAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

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

Тип: object
По умолчанию: null
vAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто

Параметры конфигурации пузырьковой диаграммы

Имя
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
пузырь

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

Тип: object
По умолчанию: null
пузырь.непрозрачность

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

Тип: число от 0,0 до 1,0.
По умолчанию: 0,8
пузырь.удар

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

Тип: string
По умолчанию: '#ccc'
bubble.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: number или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
ось

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
hAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
hAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
hAxis.gridlines.count

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

Тип: number
По умолчанию: -1
hAxis.logScale

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

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

Тип: boolean
По умолчанию: false
hAxis.maxValue

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

Тип: number
По умолчанию: автоматический
hAxis.minorGridlines

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

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

Тип: object
По умолчанию: null
hAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
hAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
hAxis.minValue

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

Тип: number
По умолчанию: автоматический
hAxis.textPosition

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

Тип: string
По умолчанию: 'out'
hAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Тип: string
По умолчанию: null
hAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

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

Тип: object
По умолчанию: null
hAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ряд

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

  • color — цвет, используемый для этой серии. Укажите допустимую цветовую строку HTML.
  • visibleInLegend — boolean значение, где true означает, что серия должна иметь запись легенды, а false означает, что ее не должно быть. По умолчанию true .
Пример: 
series: {'Europe': {color: 'green'}}
Тип: Объект с вложенными объектами.
По умолчанию: {}
размерОсь

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

 {minValue: 0,  maxSize: 20}
Тип: object
По умолчанию: null
sizeAxis.maxSize

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

Тип: number
По умолчанию: 30
sizeAxis.minSize

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

Тип: number
По умолчанию: 5
субтитры

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

Тип: string
По умолчанию: без названия
стиль текста субтитров

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

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

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
рассматриватьLabelsAsText

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

Тип: boolean
использоватьFirstColumnAsDomain

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

Тип: boolean
vAxes

Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом 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
  }
]
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
вАксис

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
vAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

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

Тип: number
По умолчанию: -1
vAxis.logScale

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

Тип: boolean
По умолчанию: false
vAxis.maxValue

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

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

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

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
vAxis.minValue

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

Тип: number
По умолчанию: null
vAxis.textPosition

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

Тип: string
По умолчанию: 'out'
vAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

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

Тип: object
По умолчанию: null
vAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто

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

Имя
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
ширина

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

Тип: number
По умолчанию: ширина содержащего элемента.

Параметры конфигурации свечного графика

Имя
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: number или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
ось

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
hAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
hAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
hAxis.gridlines.count

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

Тип: number
По умолчанию: -1
hAxis.logScale

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

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

Тип: boolean
По умолчанию: false
hAxis.maxValue

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

Тип: number
По умолчанию: автоматический
hAxis.minorGridlines

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

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

Тип: object
По умолчанию: null
hAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
hAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
hAxis.minValue

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

Тип: number
По умолчанию: автоматический
hAxis.textPosition

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

Тип: string
По умолчанию: 'out'
hAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Тип: string
По умолчанию: null
hAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

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

Тип: object
По умолчанию: null
hAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
обратныеКатегории

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

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

Тип: boolean
По умолчанию: false
ряд

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

  • color — цвет, используемый для этой серии. Укажите допустимую цветовую строку HTML.
  • fallingColor.fill — переопределяет глобальное значение 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}
}
Тип: Массив объектов или объект со вложенными объектами.
По умолчанию: {}
субтитры

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

Тип: string
По умолчанию: без названия
стиль текста субтитров

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

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

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
использоватьFirstColumnAsDomain

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

Тип: boolean
vAxes

Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом 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
  }
]
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
вАксис

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
vAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

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

Тип: number
По умолчанию: -1
vAxis.logScale

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

Тип: boolean
По умолчанию: false
vAxis.maxValue

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

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

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

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
vAxis.minValue

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

Тип: number
По умолчанию: null
vAxis.textPosition

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

Тип: string
По умолчанию: 'out'
vAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

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

Тип: object
По умолчанию: null
vAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто

Параметры конфигурации столбчатой ​​диаграммы

Имя
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: number или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
ось

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
hAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
hAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
hAxis.gridlines.count

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

Тип: number
По умолчанию: -1
hAxis.logScale

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

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

Тип: boolean
По умолчанию: false
hAxis.maxValue

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

Тип: number
По умолчанию: автоматический
hAxis.minorGridlines

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

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

Тип: object
По умолчанию: null
hAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
hAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
hAxis.minValue

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

Тип: number
По умолчанию: автоматический
hAxis.textPosition

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

Тип: string
По умолчанию: 'out'
hAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Тип: string
По умолчанию: null
hAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

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

Тип: object
По умолчанию: null
hAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
isStacked

Если установлено значение 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 и должно иметь нулевую базовую линию.

Тип: boolean / string
По умолчанию: false
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
обратныеКатегории

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

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

Тип: boolean
По умолчанию: false
ряд

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

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

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

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

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

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

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
Тип: Массив объектов или объект со вложенными объектами.
По умолчанию: {}
субтитры

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

Тип: string
По умолчанию: без названия
стиль текста субтитров

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

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

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
линии тренда

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

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Тип: object
По умолчанию: null
линии тренда.n.color

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

Тип: string
По умолчанию: цвет серии по умолчанию.
линии тренда.n.степень

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

Тип: number
По умолчанию: 3
Trendlines.n.labelInLegend

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

Тип: string
По умолчанию: null
Trendlines.n.lineWidth

Толщина линии тренда в пикселях.

Тип: number
По умолчанию: 2
линии тренда.n.type

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

Тип: string
По умолчанию: linear
Trendlines.n.visibleInLegend

Появляется ли уравнение линии тренда в легенде. Он появится во всплывающей подсказке линии тренда.

Тип: boolean
По умолчанию: false
использоватьFirstColumnAsDomain

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

Тип: boolean
vAxes

Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом 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
  }
]
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
вАксис

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
vAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

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

Тип: number
По умолчанию: -1
vAxis.logScale

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

Тип: boolean
По умолчанию: false
vAxis.maxValue

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

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

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

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
vAxis.minValue

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

Тип: number
По умолчанию: null
vAxis.textPosition

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

Тип: string
По умолчанию: 'out'
vAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

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

Тип: object
По умолчанию: null
vAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто

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

Имя
площадьНепрозрачность

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

Тип: number , 0.0- 1.0
По умолчанию: 0.3
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: number или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
тип кривой

Управляет кривизной линий, когда ширина линии не равна нулю. Может быть одним из следующих:

  • 'none' — прямые линии без изгибов.
  • 'function' — углы линии будут сглажены.
Тип: string
По умолчанию: «нет»
ось

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
hAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
hAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
hAxis.gridlines.count

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

Тип: number
По умолчанию: -1
hAxis.logScale

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

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

Тип: boolean
По умолчанию: false
hAxis.maxValue

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

Тип: number
По умолчанию: автоматический
hAxis.minorGridlines

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

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

Тип: object
По умолчанию: null
hAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
hAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
hAxis.minValue

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

Тип: number
По умолчанию: автоматический
hAxis.textPosition

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

Тип: string
По умолчанию: 'out'
hAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Тип: string
По умолчанию: null
hAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

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

Тип: object
По умолчанию: null
hAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
интерполироватьNulls

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

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

Тип: boolean
По умолчанию: false
isStacked

Если установлено значение 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 и должно иметь нулевую базовую линию.

Тип: boolean / string
По умолчанию: false
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ширина линии

Ширина линии данных в пикселях. Используйте ноль, чтобы скрыть все линии и показать только точки. Вы можете переопределить значения для отдельных серий, используя свойство series .

Тип: number
По умолчанию: 2
точкаФорма

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

Тип: string
По умолчанию: 'circle'
размер точки

Диаметр отображаемых точек в пикселях. Используйте ноль, чтобы скрыть все точки. Вы можете переопределить значения для отдельных серий, используя свойство series . Если вы используете линию тренда , параметр pointSize будет влиять на ширину линии тренда, если вы не переопределите его с помощью параметра trendlines.n.pointsize .

Тип: number
По умолчанию: 0
обратныеКатегории

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

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

Тип: boolean
По умолчанию: false
ряд

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

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

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

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

  • areaOpacity — переопределяет глобальную areaOpacity для этой серии.
  • color — цвет, используемый для этой серии. Укажите допустимую цветовую строку HTML.
  • curveType — переопределяет глобальное значение curveType для этой серии.
  • fallingColor.fill — переопределяет глобальное значение candlestick.fallingColor.fill для этой серии.
  • fallingColor.stroke — переопределяет глобальное значение candlestick.fallingColor.stroke для этой серии.
  • fallingColor.strokeWidth — переопределяет глобальное значение candlestick.fallingColor.strokeWidth для этой серии.
  • labelInLegend — описание ряда, которое будет отображаться в легенде диаграммы.
  • lineDashStyle — переопределяет глобальное значение lineDashStyle для этой серии.
  • lineWidth — переопределяет глобальное значение lineWidth для этой серии.
  • pointShape — переопределяет глобальное значение pointShape для этой серии.
  • pointSize — переопределяет глобальное значение pointSize для этой серии.
  • pointsVisible — переопределяет глобальное значение pointsVisible для этой серии.
  • risingColor.fill — переопределяет глобальное значение candlestick.risingColor.fill для этой серии.
  • risingColor.stroke — переопределяет глобальное значение candlestick.risingColor.stroke для этой серии.
  • risingColor.strokeWidth — переопределяет глобальное значение candlestick.risingColor.strokeWidth для этой серии.
  • targetAxisIndex — какой оси назначить эту серию, где 0 — ось по умолчанию, а 1 — противоположная ось. Значение по умолчанию — 0 ; установите значение 1 , чтобы определить диаграмму, на которой разные ряды отображаются по разным осям. По крайней мере одна серия должна быть отнесена к оси по умолчанию. Вы можете определить разные масштабы для разных осей.
  • type — тип маркера для этой серии. Допустимые значения: «линия», «площадь», «бары» и «ступенчатая область». Обратите внимание, что полосы на самом деле представляют собой вертикальные полосы (столбцы). Значение по умолчанию задается опцией seriesType диаграммы.
  • 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}
}
Тип: Массив объектов или объект со вложенными объектами.
По умолчанию: {}
субтитры

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

Тип: string
По умолчанию: без названия
стиль текста субтитров

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

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

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
использоватьFirstColumnAsDomain

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

Тип: boolean
vAxes

Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом 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
  }
]
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
вАксис

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
vAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

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

Тип: number
По умолчанию: -1
vAxis.logScale

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

Тип: boolean
По умолчанию: false
vAxis.maxValue

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

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

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

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
vAxis.minValue

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

Тип: number
По умолчанию: null
vAxis.textPosition

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

Тип: string
По умолчанию: 'out'
vAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

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

Тип: object
По умолчанию: null
vAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто

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

Имя
зеленого цвета

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

Тип: string
По умолчанию: '#109618'
зеленыйОт

Наименьшее значение для диапазона, отмеченного зеленым цветом.

Тип: number
По умолчанию: нет
зеленыйTo

Самое высокое значение для диапазона, отмеченного зеленым цветом.

Тип: number
По умолчанию: нет
высота

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

Тип: number
По умолчанию: ширина контейнера.
Макс

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

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

Тип: number
По умолчанию: автоматический
мин

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

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

Тип: number
По умолчанию: автоматический
красный цвет

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

Тип: string
По умолчанию: '#DC3912'
красныйОт

Наименьшее значение для диапазона, отмеченного красным цветом.

Тип: number
По умолчанию: нет
красныйTo

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

Тип: number
По умолчанию: нет
ширина

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

Тип: number
По умолчанию: ширина контейнера.
желтого цвета

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

Тип: string
По умолчанию: '#FF9900'
желтыйОт

Наименьшее значение для диапазона, отмеченного желтым цветом.

Тип: number
По умолчанию: нет
желтыйК

Самое высокое значение для диапазона, отмеченного желтым цветом.

Тип: number
По умолчанию: нет

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

Имя
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
без данныхРегионЦвет

Цвет, который нужно назначить регионам, не имеющим связанных данных.

Тип: string
По умолчанию: '#F5F5F5'
по умолчаниюЦвет

Цвет, используемый для точек данных на геодиаграмме, когда местоположение (например, 'US' ) присутствует, но значение равно null или не указано. Это отличается от datalessRegionColor , который используется при отсутствии данных.

Тип: string
По умолчанию: '#267114'
Режим отображения

Что это за тип геодиаграммы? Формат DataTable должен соответствовать указанному значению. Поддерживаются следующие значения:

  • 'auto' — выберите в зависимости от формата DataTable.
  • 'regions' — раскрасьте регионы на геодиаграмме.
  • 'markers' - Размещайте маркеры в регионах.
  • 'text' — пометьте регионы текстом из DataTable.
Тип: string
По умолчанию: «авто»
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
LegendTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
область

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

  • 'world' — геокарта всего мира.
  • Континент или субконтинент, указанный трехзначным кодом , например '011' для Западной Африки.
  • Страна, указанная кодом ISO 3166-1 альфа-2 , например 'AU' для Австралии.
  • Штат в США, указанный по коду ISO 3166-2:US , например 'US-AL' для Алабамы. Обратите внимание, что для параметра resolution должно быть установлено значение 'provinces' или 'metros' .
Тип: string
По умолчанию: «мир»
ширина

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

Тип: number
По умолчанию: ширина содержащего элемента.

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

Имя
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object /div>
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: number или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
ось

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
hAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
hAxis.gridlines.count

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

Тип: number
По умолчанию: -1
hAxis.minorGridlines

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

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

Тип: object
По умолчанию: null
hAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
hAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
hAxis.textPosition

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

Тип: string
По умолчанию: 'out'
hAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Тип: string
По умолчанию: null
hAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

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

Тип: object
По умолчанию: null
hAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
histogram.bucketSize

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

Тип: number
По умолчанию: авто
histogram.hideBucketItems

Опустите тонкие деления между блоками гистограммы, превратив ее в серию сплошных столбцов.

Тип: boolean
По умолчанию: false
histogram.lastBucketPercentile

При вычислении размера сегмента гистограммы игнорируйте верхний и нижний проценты lastBucketPercentile . Значения по-прежнему включаются в гистограмму, но не влияют на группирование.

Тип: number
По умолчанию: 0
интерполироватьNulls

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

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

Тип: boolean
По умолчанию: false
isStacked

Если установлено значение 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 и должно иметь нулевую базовую линию.

Тип: boolean / string
По умолчанию: false
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
обратныеКатегории

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

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

Тип: boolean
По умолчанию: false
ряд

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

  • 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}
}
Тип: Массив объектов или объект со вложенными объектами.
По умолчанию: {}
субтитры

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

Тип: string
По умолчанию: без названия
стиль текста субтитров

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

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

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
использоватьFirstColumnAsDomain

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

Тип: boolean
vAxes

Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом 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
  }
]
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
вАксис

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
vAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

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

Тип: number
По умолчанию: -1
vAxis.logScale

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

Тип: boolean
По умолчанию: false
vAxis.maxValue

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

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

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

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
vAxis.minValue

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

Тип: number
По умолчанию: null
vAxis.textPosition

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

Тип: string
По умолчанию: 'out'
vAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

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

Тип: object
По умолчанию: null
vAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
ширина

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

Тип: number
По умолчанию: ширина содержащего элемента.

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

Имя
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: number или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
тип кривой

Управляет кривизной линий, когда ширина линии не равна нулю. Может быть одним из следующих:

  • 'none' — прямые линии без изгибов.
  • 'function' — углы линии будут сглажены.
Тип: string
По умолчанию: «нет»
ось

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
hAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
hAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
hAxis.gridlines.count

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

Тип: number
По умолчанию: -1
hAxis.logScale

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

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

Тип: boolean
По умолчанию: false
hAxis.maxValue

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

Тип: number
По умолчанию: автоматический
hAxis.minorGridlines

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

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

Тип: object
По умолчанию: null
hAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
hAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
hAxis.minValue

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

Тип: number
По умолчанию: автоматический
hAxis.textPosition

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

Тип: string
По умолчанию: 'out'
hAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Тип: string
По умолчанию: null
hAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

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

Тип: object
По умолчанию: null
hAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
интерполироватьNulls

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

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

Тип: boolean
По умолчанию: false
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ширина линии

Ширина линии данных в пикселях. Используйте ноль, чтобы скрыть все линии и показать только точки. Вы можете переопределить значения для отдельных серий, используя свойство series .

Тип: number
По умолчанию: 2
точкаФорма

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

Тип: string
По умолчанию: 'circle'
размер точки

Диаметр отображаемых точек в пикселях. Используйте ноль, чтобы скрыть все точки. Вы можете переопределить значения для отдельных серий, используя свойство series . Если вы используете линию тренда , параметр pointSize будет влиять на ширину линии тренда, если вы не переопределите его с помощью параметра trendlines.n.pointsize .

Тип: number
По умолчанию: 0
обратныеКатегории

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

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

Тип: boolean
По умолчанию: false
ряд

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

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

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

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

  • type — тип маркера для этой серии. Допустимые значения: «линия», «площадь», «бары» и «ступенчатая область». Обратите внимание, что полосы на самом деле представляют собой вертикальные полосы (столбцы). Значение по умолчанию задается опцией seriesType диаграммы.
  • color — цвет, используемый для этой серии. Укажите допустимую цветовую строку HTML.
  • curveType — переопределяет глобальное значение curveType для этой серии.
  • 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}
}
Тип: Массив объектов или объект со вложенными объектами.
По умолчанию: {}
субтитры

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

Тип: string
По умолчанию: без названия
стиль текста субтитров

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

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

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
рассматриватьLabelsAsText

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

Тип: boolean
линии тренда

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

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

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Тип: object
По умолчанию: null
линии тренда.n.color

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

Тип: string
По умолчанию: цвет серии по умолчанию.
линии тренда.n.степень

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

Тип: number
По умолчанию: 3
Trendlines.n.labelInLegend

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

Тип: string
По умолчанию: null
Trendlines.n.lineWidth

Толщина линии тренда в пикселях.

Тип: number
По умолчанию: 2
линии тренда.n.type

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

Тип: string
По умолчанию: linear
Trendlines.n.visibleInLegend

Появляется ли уравнение линии тренда в легенде. Он появится во всплывающей подсказке линии тренда.

Тип: boolean
По умолчанию: false
использоватьFirstColumnAsDomain

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

Тип: boolean
vAxes

Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом 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
  }
]
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
вАксис

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

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
vAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

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

Тип: number
По умолчанию: -1
vAxis.logScale

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

Тип: boolean
По умолчанию: false
vAxis.maxValue

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

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

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

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
vAxis.minValue

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

Тип: number
По умолчанию: null
vAxis.textPosition

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

Тип: string
По умолчанию: 'out'
vAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

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

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

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

Тип: object
По умолчанию: null
vAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто

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

Имя
цвет

Цвет фона элементов организационной диаграммы.

Тип: string
По умолчанию: '#edf7ff'
выборЦвет

Цвет фона выбранных элементов организационной диаграммы.

Тип: string
По умолчанию: '#d6e9f8'
размер

Общий размер диаграммы. Возможные варианты: 'small' , 'medium' или 'large' .

Тип: string
По умолчанию: 'medium'

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

Имя
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: number или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
is3D

Если true , отображается трехмерная диаграмма.

Тип: boolean
По умолчанию: false
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
пирогДыра

Если между 0 и 1 , отображается кольцевая диаграмма. Радиус отверстия равен number радиусов диаграммы, умноженному на него.

Тип: number
По умолчанию: 0
пирогЛомтикГраницаЦвет

Цвет границ среза. Применимо только в том случае, если диаграмма двумерная.

Тип: string
По умолчанию: 'white'
пирогЛомтикТекст

Содержимое текста, отображаемого на срезе. Может быть одним из следующих:

  • 'percentage' — процент размера среза от общего числа.
  • 'value' — Количественное значение среза.
  • 'label' — имя среза.
  • 'none' — текст не отображается.
Тип: string
По умолчанию: 'percentage'
пирогSliceTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
обратныеКатегории

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

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

Тип: boolean
По умолчанию: false
ломтики.цвет

Цвет, который будет использоваться для этого фрагмента.

Тип: string
субтитры

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

Тип: string
По умолчанию: без названия
стиль текста субтитров

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}

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

Имя
фоновый цвет

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

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

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

Тип: string
По умолчанию: 'white'
область диаграммы

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

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

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

Тип: number или string
По умолчанию: авто
диаграммаArea.left

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

Тип: number или string
По умолчанию: авто
диаграммаArea.top

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

Тип: number или string
По умолчанию: авто
ChartArea.width

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

Тип: number или string
По умолчанию: авто
цвета

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

Тип: Массив строк.
По умолчанию: цвета по умолчанию
тип кривой

Управляет кривизной линий, когда ширина линии не равна нулю. Может быть одним из следующих:

  • 'none' — прямые линии без изгибов.
  • 'function' — углы линии будут сглажены.
Тип: string
По умолчанию: «нет»
ось

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

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.direction

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

Тип: 1 или -1
По умолчанию: 1
hAxis.gridlines

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

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

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

Тип: object
По умолчанию: null
hAxis.gridlines.color

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

Тип: string
По умолчанию: '#CCC'
hAxis.gridlines.count

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

Тип: number
По умолчанию: -1
hAxis.logScale

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

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

Тип: boolean
По умолчанию: false
hAxis.maxValue

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

Тип: number
По умолчанию: автоматический
hAxis.minorGridlines

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

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

Тип: object
По умолчанию: null
hAxis.minorGridlines.color

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

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
hAxis.minorGridlines.count

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

Тип: number
По умолчанию: 1
hAxis.minValue

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

Тип: number
По умолчанию: автоматический
hAxis.textPosition

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

Тип: string
По умолчанию: 'out'
hAxis.textStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

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

Тип: string
По умолчанию: null
hAxis.titleTextStyle

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

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

Тип: object
По умолчанию: null
hAxis.viewWindow.max

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

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

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

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

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

Тип: number
По умолчанию: авто
высота

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

Тип: number
По умолчанию: высота содержащего элемента.
легенда

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

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

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

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

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

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

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

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
ширина линии

Ширина линии данных в пикселях. Используйте ноль, чтобы скрыть все линии и показать только точки. Вы можете переопределить значения для отдельных серий, используя свойство series .

Тип: number
По умолчанию: 2
точкаФорма

Форма отдельных элементов данных: 'circle' , 'triangle' , 'square' , 'diamond' , 'star' или 'polygon' . Примеры см. в документации по точкам .

Тип: string
По умолчанию: 'circle'
размер точки

Диаметр отображаемых точек в пикселях. Используйте ноль, чтобы скрыть все точки. Вы можете переопределить значения для отдельных серий, используя свойство series . Если вы используете линию тренда , параметр pointSize будет влиять на ширину линии тренда, если вы не переопределите его с помощью параметра trendlines.n.pointsize .

Тип: number
По умолчанию: 0
ряд

Массив объектов, каждый из которых описывает формат соответствующей серии на диаграмме. Чтобы использовать значения по умолчанию для серии, укажите пустой объект {} . Если серия или значение не указаны, будет использоваться глобальное значение. Каждый объект поддерживает следующие свойства:

  • color — цвет, используемый для этой серии. Укажите допустимую цветовую строку HTML.
  • labelInLegend — описание ряда, которое будет отображаться в легенде диаграммы.
  • lineWidth — переопределяет глобальное значение lineWidth для этой серии.
  • pointShape — переопределяет глобальное значение pointShape для этой серии.
  • pointSize — переопределяет глобальное значение pointSize для этой серии.
  • pointsVisible — переопределяет глобальное значение pointsVisible для этой серии.
  • 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}
}
Тип: Массив объектов или объект со вложенными объектами.
По умолчанию: {}
субтитры

Текст, отображаемый под заголовком диаграммы.

Тип: string
По умолчанию: без названия
стиль текста субтитров

Объект, определяющий стиль текста заголовка.

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

Тема — это набор предопределенных значений параметров, которые вместе обеспечивают достижение определенного поведения диаграммы или визуального эффекта. На данный момент доступна только одна тема:

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

Объект, определяющий стиль текста заголовка. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
рассматриватьLabelsAsText

Если установлено значение true , диаграмма будет рассматривать столбец как текстовый столбец.

Тип: boolean
линии тренда

Отображает линии тренда на диаграммах, которые их поддерживают. По умолчанию используются linear линии тренда, но их можно настроить с помощью trendlines. n .type вариант.

Линии тренда указываются для каждой серии, поэтому в большинстве случаев ваши варианты будут выглядеть следующим образом:

var options = {
  trendlines: {
    0: {
      type: 'linear',
      color: 'green',
      lineWidth: 3,
      opacity: 0.3,
      visibleInLegend: true
    }
  }
}
Тип: object
По умолчанию: null
линии тренда.n.color

Цвет линии тренда , выраженный либо в виде английского названия цвета, либо в виде шестнадцатеричной строки.

Тип: string
По умолчанию: цвет серии по умолчанию.
линии тренда.n.степень

Для линий тренда type: 'polynomial' , степень полинома ( 2 для квадратичного, 3 для кубического и т. д.).

Тип: number
По умолчанию: 3
Trendlines.n.labelInLegend

Если установлено, линия тренда будет отображаться в легенде в виде этой строки.

Тип: string
По умолчанию: null
Trendlines.n.lineWidth

Толщина линии тренда в пикселях.

Тип: number
По умолчанию: 2
линии тренда.n.type

Является ли линия тренда 'linear' (по умолчанию), 'exponential' или 'polynomial' .

Тип: string
По умолчанию: linear
Trendlines.n.visibleInLegend

Появляется ли уравнение линии тренда в легенде. Он появится во всплывающей подсказке линии тренда.

Тип: boolean
По умолчанию: false
использоватьFirstColumnAsDomain

Если установлено значение true , диаграмма будет рассматривать столбец как домен.

Тип: boolean
vAxes

Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом 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
  }
]
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
вАксис

Объект с элементами для настройки различных элементов вертикальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

Направление роста значений по вертикальной оси. По умолчанию низкие значения находятся внизу диаграммы. Укажите -1 , чтобы изменить порядок значений.

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

Объект с элементами для настройки линий сетки на вертикальной оси. Обратите внимание, что линии сетки по вертикальной оси рисуются горизонтально. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь:

{color: '#333', minSpacing: 20}

Эта опция поддерживается только для continuous оси.

Тип: object
По умолчанию: null
vAxis.gridlines.color

Цвет вертикальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML.

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

Примерное количество горизонтальных линий сетки внутри области диаграммы. Если вы укажете положительное число для gridlines.count , оно будет использоваться для вычисления minSpacing между линиями сетки. Вы можете указать значение 1 , чтобы рисовать только одну линию сетки, или 0 , чтобы линии сетки не отображались. Укажите -1 (значение по умолчанию), чтобы автоматически вычислить количество линий сетки на основе других параметров.

Тип: number
По умолчанию: -1
vAxis.logScale

Если true , вертикальная ось преобразуется в логарифмический масштаб. Примечание. Все значения должны быть положительными.

Тип: boolean
По умолчанию: false
vAxis.maxValue

Перемещает максимальное значение вертикальной оси на указанное значение; на большинстве графиков это будет вверх. Игнорируется, если для этого параметра установлено значение меньше максимального значения y данных. vAxis.viewWindow.max переопределяет это свойство.

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

Объект с элементами для настройки второстепенных линий сетки на вертикальной оси, аналогично параметру vAxis.gridlines.

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

Цвет второстепенных вертикальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML.

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

Параметр minorGridlines.count в основном устарел, за исключением отключения второстепенных линий сетки путем установки счетчика на 0 . Количество второстепенных линий сетки зависит от интервала между основными линиями сетки и минимально необходимого пространства.

Тип: number
По умолчанию: 1
vAxis.minValue

Перемещает минимальное значение вертикальной оси на указанное значение; на большинстве графиков это будет снижение. Игнорируется, если для этого параметра установлено значение, превышающее минимальное значение y данных. vAxis.viewWindow.min переопределяет это свойство.

Тип: number
По умолчанию: null
vAxis.textPosition

Положение текста вертикальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Тип: string
По умолчанию: 'out'
vAxis.textStyle

Объект, определяющий стиль текста по вертикальной оси. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Указывает заголовок вертикальной оси.

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

Объект, задающий стиль текста заголовка вертикальной оси. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Указывает диапазон обрезки вертикальной оси.

Тип: object
По умолчанию: null
vAxis.viewWindow.max

Максимальное значение вертикальных данных для визуализации.

Игнорируется, когда vAxis.viewWindowMode имеет значение «красивый» или «максимальный».

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

Минимальное значение вертикальных данных для визуализации.

Игнорируется, когда vAxis.viewWindowMode имеет значение «красивый» или «максимальный».

Тип: number
По умолчанию: авто

Параметры конфигурации ступенчатой ​​диаграммы с областями

Имя
площадьНепрозрачность

Непрозрачность по умолчанию цветной области в серии диаграмм с областями, где 0.0 — полностью прозрачная, а 1.0 — полностью непрозрачная. Чтобы указать непрозрачность для отдельной серии, установите значение areaOpacity в свойстве series .

Тип: number , 0.0- 1.0
По умолчанию: 0.3
фоновый цвет

Цвет фона основной области диаграммы. Это может быть либо простая цветовая строка HTML, например: 'red' или '#00cc00' , либо объект со следующими свойствами.

Тип: string или object
По умолчанию: 'white'
фонЦвет.заливка

Цвет заливки диаграммы в виде цветовой строки HTML.

Тип: string
По умолчанию: 'white'
область диаграммы

Объект с элементами для настройки размещения и размера области диаграммы (где рисуется сама диаграмма, исключая оси и легенды). Поддерживаются два формата: число или число, за которым следует %. Простое число — это значение в пикселях; число, за которым следует %, представляет собой процент. Пример: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Тип: object
По умолчанию: null
chartArea.backgroundColor
Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
  • stroke : цвет, представленный в виде шестнадцатеричной строки или английского названия цвета.
  • strokeWidth : Если предусмотрено, рисует границу вокруг области диаграммы заданной ширины (и с цветом stroke ).
Тип: string или object
По умолчанию: 'white'
диаграммаArea.height

Высота области диаграммы.

Тип: number или string
По умолчанию: авто
диаграммаArea.left

Насколько далеко рисовать диаграмму от левой границы.

Тип: number или string
По умолчанию: авто
диаграммаArea.top

На каком расстоянии рисовать диаграмму от верхней границы.

Тип: number или string
По умолчанию: авто
ChartArea.width

Ширина области диаграммы.

Тип: number или string
По умолчанию: авто
цвета

Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент представляет собой строку цвета HTML, например: colors:['red','#004411'] .

Тип: Массив строк.
По умолчанию: цвета по умолчанию
ось

Объект с элементами для настройки различных элементов горизонтальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь:

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Тип: object
По умолчанию: null
hAxis.direction

Направление роста значений по горизонтальной оси. Укажите -1 , чтобы изменить порядок значений.

Тип: 1 или -1
По умолчанию: 1
hAxis.textPosition

Положение текста по горизонтальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Тип: string
По умолчанию: 'out'
hAxis.textStyle

Объект, определяющий стиль текста по горизонтальной оси. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

Свойство hAxis , определяющее заголовок горизонтальной оси.

Тип: string
По умолчанию: null
hAxis.titleTextStyle

Объект, определяющий стиль текста заголовка по горизонтальной оси. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.viewWindow

Указывает диапазон обрезки горизонтальной оси.

Тип: object
По умолчанию: null
hAxis.viewWindow.max

Максимальное значение горизонтальных данных для визуализации.

Игнорируется, когда hAxis.viewWindowMode имеет значение 'pretty' или 'maximized' .

Тип: number
По умолчанию: авто
hAxis.viewWindow.min

Минимальное значение горизонтальных данных для визуализации.

Игнорируется, когда hAxis.viewWindowMode имеет значение 'pretty' или 'maximized' .

Тип: number
По умолчанию: авто
высота

Высота диаграммы в пикселях.

Тип: number
По умолчанию: высота содержащего элемента.
isStacked

Если установлено значение 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 и должно иметь нулевую базовую линию.

Тип: boolean / string
По умолчанию: false
легенда

Объект с членами для настройки различных аспектов легенды. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь:

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Тип: object
По умолчанию: null
легенда.позиция

Позиция легенды. Может быть одним из следующих:

  • 'bottom' — под графиком.
  • 'left' — слева от диаграммы, при условии, что с левой осью не связана никакая серия. Поэтому, если вам нужна легенда слева, используйте опцию targetAxisIndex: 1 .
  • 'in' — внутри диаграммы, в верхнем левом углу.
  • 'none' — легенда не отображается.
  • 'right' - Справа от диаграммы. Несовместимо с опцией vAxes .
  • 'top' - Над графиком.
Тип: string
По умолчанию: 'right'
LegendTextStyle

Объект, определяющий стиль текста легенды. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
обратныеКатегории

Если установлено значение true , серия рисуется справа налево. По умолчанию рисование осуществляется слева направо.

Эта опция поддерживается только для discrete major оси.

Тип: boolean
По умолчанию: false
ряд

Массив объектов, каждый из которых описывает формат соответствующей серии на диаграмме. Чтобы использовать значения по умолчанию для серии, укажите пустой объект {} . Если серия или значение не указаны, будет использоваться глобальное значение. Каждый объект поддерживает следующие свойства:

  • areaOpacity — переопределяет глобальную areaOpacity для этой серии.
  • color — цвет, используемый для этой серии. Укажите допустимую цветовую строку HTML.
  • type — тип маркера для этой серии. Допустимые значения: «линия», «площадь», «бары» и «ступенчатая область». Обратите внимание, что полосы на самом деле представляют собой вертикальные полосы (столбцы). Значение по умолчанию задается опцией seriesType диаграммы.
  • labelInLegend — описание ряда, которое будет отображаться в легенде диаграммы.
  • lineDashStyle — переопределяет глобальное значение lineDashStyle для этой серии.
  • 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}
}
Тип: Массив объектов или объект со вложенными объектами.
По умолчанию: {}
субтитры

Текст, отображаемый под заголовком диаграммы.

Тип: string
По умолчанию: без названия
стиль текста субтитров

Объект, определяющий стиль текста заголовка.

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
тема

Тема — это набор предопределенных значений параметров, которые вместе обеспечивают достижение определенного поведения диаграммы или визуального эффекта. На данный момент доступна только одна тема:

  • 'maximized' — увеличивает область диаграммы и рисует легенду и все метки внутри области диаграммы.
Тип: string
По умолчанию: null
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

Объект, определяющий стиль текста заголовка. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
рассматриватьLabelsAsText

Если установлено значение true , диаграмма будет рассматривать столбец как текстовый столбец.

Тип: boolean
использоватьFirstColumnAsDomain

Если установлено значение true , диаграмма будет рассматривать столбец как домен.

Тип: boolean
vAxes

Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом 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
  }
]
Тип: Массив объектов или объект с дочерними объектами.
По умолчанию: null
вАксис

Объект с элементами для настройки различных элементов вертикальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь:

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Тип: object
По умолчанию: null
vAxis.direction

Направление роста значений по вертикальной оси. По умолчанию низкие значения находятся внизу диаграммы. Укажите -1 , чтобы изменить порядок значений.

Тип: 1 или -1
По умолчанию: 1
vAxis.gridlines

Объект с элементами для настройки линий сетки на вертикальной оси. Обратите внимание, что линии сетки по вертикальной оси рисуются горизонтально. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь:

{color: '#333', minSpacing: 20}

Эта опция поддерживается только для continuous оси.

Тип: object
По умолчанию: null
vAxis.gridlines.color

Цвет вертикальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML.

Тип: string
По умолчанию: '#CCC'
vAxis.gridlines.count

Примерное количество горизонтальных линий сетки внутри области диаграммы. Если вы укажете положительное число для gridlines.count , оно будет использоваться для вычисления minSpacing между линиями сетки. Вы можете указать значение 1 , чтобы рисовать только одну линию сетки, или 0 , чтобы линии сетки не отображались. Укажите -1 (значение по умолчанию), чтобы автоматически вычислить количество линий сетки на основе других параметров.

Тип: number
По умолчанию: -1
vAxis.logScale

Если true , вертикальная ось преобразуется в логарифмический масштаб. Примечание. Все значения должны быть положительными.

Тип: boolean
По умолчанию: false
vAxis.maxValue

Перемещает максимальное значение вертикальной оси на указанное значение; на большинстве графиков это будет вверх. Игнорируется, если для этого параметра установлено значение меньше максимального значения y данных. vAxis.viewWindow.max переопределяет это свойство.

Тип: number
По умолчанию: автоматический
vAxis.minorGridlines

Объект с элементами для настройки второстепенных линий сетки на вертикальной оси, аналогично параметру vAxis.gridlines.

Тип: object
По умолчанию: null
vAxis.minorGridlines.color

Цвет второстепенных вертикальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML.

Тип: string
По умолчанию: сочетание цветов линии сетки и фона.
vAxis.minorGridlines.count

Параметр minorGridlines.count в основном устарел, за исключением отключения второстепенных линий сетки путем установки счетчика на 0 . Количество второстепенных линий сетки зависит от интервала между основными линиями сетки и минимально необходимого пространства.

Тип: number
По умолчанию: 1
vAxis.minValue

Перемещает минимальное значение вертикальной оси на указанное значение; на большинстве графиков это будет снижение. Игнорируется, если для этого параметра установлено значение, превышающее минимальное значение y данных. vAxis.viewWindow.min переопределяет это свойство.

Тип: number
По умолчанию: null
vAxis.textPosition

Положение текста вертикальной оси относительно области диаграммы. Поддерживаемые значения: 'out' , 'in' , 'none' .

Тип: string
По умолчанию: 'out'
vAxis.textStyle

Объект, определяющий стиль текста по вертикальной оси. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.title

Указывает заголовок вертикальной оси.

Тип: string
По умолчанию: без названия
vAxis.titleTextStyle

Объект, задающий стиль текста заголовка вертикальной оси. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.viewWindow

Указывает диапазон обрезки вертикальной оси.

Тип: object
По умолчанию: null
vAxis.viewWindow.max

Максимальное значение вертикальных данных для визуализации.

Игнорируется, когда vAxis.viewWindowMode имеет значение «красивый» или «максимальный».

Тип: number
По умолчанию: авто
vAxis.viewWindow.min

Минимальное значение вертикальных данных для визуализации.

Игнорируется, когда vAxis.viewWindowMode имеет значение «красивый» или «максимальный».

Тип: number
По умолчанию: авто
ширина

Ширина диаграммы в пикселях.

Тип: number
По умолчанию: ширина содержащего элемента.

Параметры конфигурации табличной диаграммы

Имя
чередованиеRowStyle

Определяет, будет ли чередующийся цветовой стиль назначен четным и нечетным строкам.

Тип: boolean
По умолчанию: true
высота

Высота диаграммы в пикселях.

Тип: number
По умолчанию: высота содержащего элемента.
страница

Если и как включить постраничное перелистывание данных. Выберите одно из следующих string значений:

  • 'enable' — в таблице будут кнопки перехода вперед и назад. Нажатие на эти кнопки выполнит операцию перелистывания и изменит отображаемую страницу. Возможно, вы также захотите установить параметр pageSize .
  • 'event' — в таблице будут кнопки перемотки вперед и назад, но нажатие на них вызовет событие 'page' и не изменит отображаемую страницу. Эту опцию следует использовать, когда в коде реализована собственная логика перелистывания страниц. См. пример TableQueryWrapper для примера обработки событий подкачки вручную.
  • 'disable' — [ по умолчанию ] Пейджинг не поддерживается.
    • Тип: string
    По умолчанию: 'disable'
размер страницы

Количество строк на каждой странице, если разбиение по страницам включено с помощью параметра страницы.

Тип: number
По умолчанию: 10
показатьстрокуномер

Если установлено значение true , номер строки отображается в качестве первого столбца таблицы.

Тип: boolean
По умолчанию: false
Сортировать

Если и как сортировать столбцы, когда пользователь щелкает заголовок столбца. Если сортировка включена, рассмотрите возможность установки свойств sortAscending и sortColumn . Выберите одно из следующих string значений:

  • 'enable' — [ по умолчанию ] Пользователи могут щелкать заголовки столбцов для сортировки по выбранному столбцу. Когда пользователи нажимают на заголовок столбца, строки автоматически сортируются и запускается событие 'sort' .
  • 'event' — когда пользователи нажимают на заголовок столбца, запускается событие 'sort' , но строки не сортируются автоматически. Эту опцию следует использовать, когда страница реализует собственную сортировку. См. пример TableQueryWrapper для примера обработки событий сортировки вручную.
  • 'disable' — щелчок по заголовку столбца не оказывает никакого эффекта.
Тип: string
По умолчанию: 'enable'
Сортировать по возрастанию

Порядок сортировки исходного столбца сортировки. True для восходящего, false для нисходящего. Игнорируется, если sortColumn не указан.

Тип: boolean
По умолчанию: true
сортировкаКолонка

Индекс столбца в таблице данных, по которому таблица изначально сортируется. Столбец отмечен маленькой стрелкой, указывающей порядок сортировки.

Тип: number
По умолчанию: -1
ширина

Ширина диаграммы в пикселях.

Тип: number
По умолчанию: ширина содержащего элемента.

Параметры конфигурации временной шкалы

Имя
фоновый цвет

Цвет фона основной области диаграммы. Это может быть либо простая цветовая строка HTML, например: 'red' или '#00cc00' , либо объект со следующими свойствами.

Тип: string или object
По умолчанию: 'white'
цвета

Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент представляет собой строку цвета HTML, например: colors:['red','#004411'] .

Тип: Массив строк.
По умолчанию: цвета по умолчанию
высота

Высота диаграммы в пикселях.

Тип: number
По умолчанию: высота содержащего элемента.
ширина

Ширина диаграммы в пикселях.

Тип: number
По умолчанию: ширина содержащего элемента.

Параметры конфигурации древовидной карты

Имя
заголовокЦвет

Цвет раздела заголовка для каждого узла. Укажите значение цвета HTML.

Тип: string
По умолчанию: #988f86
МаксКолор

Цвет прямоугольника со значением столбца 3 maxColorValue . Укажите значение цвета HTML.

Тип: string
По умолчанию: #00dd00
Максимальная глубина

Максимальное количество уровней узлов, отображаемых в текущем представлении. Уровни сглаживаются в текущей плоскости. Если в вашем дереве больше уровней, вам придется подняться или опуститься, чтобы увидеть их. Вы также можете увидеть уровни maxPostDepth ниже этого уровня в виде заштрихованных прямоугольников внутри этих узлов.

Тип: number
По умолчанию: 1
МаксПостДепс

Сколько уровней узлов за пределами maxDepth нужно показывать в виде «намеков». Узлы с подсказками отображаются в виде заштрихованных прямоугольников внутри узла, находящегося в пределах предела maxDepth .

Тип: number
По умолчанию: 0
мидколор

Цвет прямоугольника со значением столбца 3, находящимся посередине между maxColorValue и minColorValue . Укажите значение цвета HTML.

Тип: string
По умолчанию: #000000
минколор

Цвет прямоугольника со значением minColorValue в столбце 3. Укажите значение цвета HTML.

Тип: string
По умолчанию: #dd0000
noColor

Цвет, используемый для прямоугольника, когда узел не имеет значения для столбца 3 и этот узел является листом (или содержит только листья). Укажите значение цвета HTML.

Тип: string
По умолчанию: #000000
субтитры

Текст, отображаемый под заголовком диаграммы.

Тип: string
По умолчанию: без названия
стиль текста субтитров

Объект, определяющий стиль текста заголовка.

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
текстовый стиль

Объект, определяющий стиль текста заголовка. Цвет может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. FontName и FontSize.

Тип: object
По умолчанию: {цвет: 'черный', FontName: <глобальное-имя-шрифта>, FontSize: <глобальный-размер-шрифта>}
заголовок

Текст, который будет отображаться над диаграммой.

Тип: string
По умолчанию: без названия
заголовокTextStyle

Объект, определяющий стиль текста заголовка. Объект имеет такой формат:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color может быть любой цветовой строкой HTML, например: 'red' или '#00cc00' . Также см. fontName и fontSize .

Тип: object
По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}