Типы диаграмм
- Аннотационная диаграмма
- Диаграмма площадей
- Столбчатая диаграмма
- Пузырьковая диаграмма
- Календарь
- Свечные графики
- Столбчатая диаграмма
- Комбинированная диаграмма
- Измерять
- Геокарта
- Гистограмма
- Линейный график
- Организационная структура
- Круговая диаграмма
- Диаграмма рассеяния
- Ступенчатая диаграмма областей
- Таблица диаграмм
- Хронология
- Карта деревьев
Параметры конфигурации диаграммы аннотаций
Имя | |
---|---|
цвета | Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент — это строка цвета HTML, например: Тип: Массив строк По умолчанию: цвета по умолчанию |
displayRangeSelector | Показывать ли область выбора диапазона масштабирования (область в нижней части диаграммы), где Контур в селекторе масштабирования представляет собой логарифмическую шкалу версии первой серии на диаграмме, масштабированную в соответствии с высотой селектора масштабирования. Тип: boolean По умолчанию: true |
displayZoomButtons | Показывать ли кнопки масштабирования («1d 5d 1m» и т. д.), где Тип: boolean По умолчанию: true |
макс | Максимальное значение для отображения на оси Y. Если максимальная точка данных превышает это значение, эта настройка игнорируется, и диаграмма корректируется так, чтобы отображать следующую основную отметку над максимальной точкой данных. Это имеет приоритет над максимальным значением оси Y, определяемым параметром Это похоже на Тип: number По умолчанию: автоматически |
мин | Минимальное значение для отображения на оси Y. Если минимальная точка данных меньше этого значения, этот параметр игнорируется, и диаграмма корректируется так, чтобы отображалась следующая основная отметка ниже минимальной точки данных. Это имеет приоритет над минимальным значением оси Y, определяемым параметром Это похоже на Тип: number По умолчанию: автоматически |
Параметры конфигурации площадной диаграммы
Имя | |
---|---|
областьНепрозрачность | Непрозрачность по умолчанию для цветной области под серией диаграммы с областями: Тип: number , 0.0- 1.0 По умолчанию: 0.3 |
цвет фона | Цвет фона для основной области диаграммы. Может быть простой строкой цвета HTML, например: Тип: string или object По умолчанию: 'white' |
backgroundColor.fill | Цвет заливки диаграммы в виде цветовой строки HTML. Тип: string По умолчанию: 'white' |
chartArea | Объект с элементами для настройки расположения и размера области диаграммы (где отображается сама диаграмма, за исключением осей и легенд). Поддерживаются два формата: число или число с добавлением %. Простое число — это значение в пикселях; число с добавлением %. — это процентное значение. Пример: Тип: object По умолчанию: null |
chartArea.backgroundColor | Цвет фона области диаграммы. Если используется строка, это может быть шестнадцатеричная строка (например, '#fdc' ) или название цвета на английском языке. Если используется объект, можно указать следующие свойства:
Тип: string или object По умолчанию: 'white' |
chartArea.height | Высота области диаграммы. Тип: number или string По умолчанию: авто |
chartArea.left | На каком расстоянии от левого края рисовать диаграмму. Тип: number или string По умолчанию: авто |
chartArea.top | На каком расстоянии от верхней границы рисовать диаграмму. Тип: number или string По умолчанию: авто |
chartArea.width | Ширина области диаграммы. Тип: number или string По умолчанию: авто |
цвета | Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент — это строка цвета HTML, например: Тип: Массив строк По умолчанию: цвета по умолчанию |
hAxis | Объект с элементами для настройки различных элементов горизонтальной оси. Для задания свойств этого объекта можно использовать литеральную нотацию объекта, как показано здесь: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Тип: object По умолчанию: null |
hAxis.direction | Направление роста значений по горизонтальной оси. Укажите Тип: 1 или -1 По умолчанию: 1 |
hAxis.gridlines | Объект со свойствами для настройки линий сетки по горизонтальной оси. Обратите внимание, что линии сетки по горизонтальной оси отображаются вертикально. Чтобы задать свойства этого объекта, можно использовать литеральную нотацию объекта, как показано здесь: {color: '#333', minSpacing: 20} Эта опция поддерживается только для Тип: object По умолчанию: null |
hAxis.gridlines.color | Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML. Тип: string По умолчанию: '#CCC' |
hAxis.gridlines.count | Примерное количество горизонтальных линий сетки внутри области диаграммы. Если указать положительное число для Тип: number По умолчанию: -1 |
hAxis.logScale | Свойство Эта опция поддерживается только для Тип: boolean По умолчанию: false |
hAxis.maxValue | Перемещает максимальное значение горизонтальной оси на указанное значение; в большинстве диаграмм это будет смещение вправо. Игнорируется, если задано значение меньше максимального значения по оси X данных. Тип: number По умолчанию: автоматически |
hAxis.minorGridlines | Объект с элементами для настройки второстепенных линий сетки на горизонтальной оси, аналогично параметру Эта опция поддерживается только для Тип: object По умолчанию: null |
hAxis.minorGridlines.color | Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML. Тип: string По умолчанию: смесь цветов сетки и фона. |
hAxis.minorGridlines.count | Параметр Тип: number По умолчанию: 1 |
hAxis.minValue | Смещает минимальное значение горизонтальной оси на указанное значение; в большинстве диаграмм оно будет смещено влево. Игнорируется, если задано значение, превышающее минимальное значение по оси X данных. Тип: number По умолчанию: автоматически |
hAxis.textPosition | Положение текста горизонтальной оси относительно области диаграммы. Поддерживаемые значения: Тип: string По умолчанию: 'out' |
hAxis.textStyle | Объект, определяющий стиль текста по горизонтальной оси. Формат объекта: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Свойство Тип: string По умолчанию: null |
hAxis.titleTextStyle | Объект, определяющий стиль текста заголовка горизонтальной оси. Формат объекта: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Задает диапазон обрезки горизонтальной оси. Тип: object По умолчанию: null |
hAxis.viewWindow.max | Максимальное горизонтальное значение данных для визуализации. Игнорируется, если Тип: number По умолчанию: авто |
hAxis.viewWindow.min | Минимальное горизонтальное значение данных для визуализации. Игнорируется, если Тип: number По умолчанию: авто |
высота | Высота диаграммы в пикселях. Тип: number По умолчанию: высота содержащего элемента |
интерполироватьNulls | Угадывать ли значение пропущенных точек? Если Это не поддерживается диаграммами областей с опцией Тип: boolean По умолчанию: false |
isStacked | Если установлено значение Параметр Возможные варианты
При 100%-ном стекировании расчетное значение для каждого элемента будет отображаться в подсказке после его фактического значения. Целевая ось по умолчанию будет иметь значения делений на основе относительной шкалы 0-1 в виде долей 1 для 100%-ное стекирование поддерживает только значения данных типа Тип: boolean / string По умолчанию: false |
легенда | Объект с элементами для настройки различных аспектов легенды. Чтобы задать свойства этого объекта, можно использовать литеральную нотацию объекта, как показано здесь: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Тип: object По умолчанию: null |
легенда.позиция | Расположение легенды. Может быть одним из следующих:
Тип: string По умолчанию: 'right' |
legendTextStyle | Объект, определяющий стиль текста легенды. Формат объекта: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
ширина линии | Ширина линии данных в пикселях. Значение "ноль" позволяет скрыть все линии и отобразить только точки. Значения для отдельных серий можно переопределить с помощью свойства Тип: number По умолчанию: 2 |
pointShape | Форма отдельных элементов данных: Тип: string По умолчанию: 'circle' |
pointSize | Диаметр отображаемых точек в пикселях. Значение «ноль» позволяет скрыть все точки. Значения для отдельных серий можно переопределить с помощью свойства Тип: number По умолчанию: 0 |
обратныеКатегории | Если установлено значение Эта опция поддерживается только для Тип: boolean По умолчанию: false |
ряд | Массив объектов, каждый из которых описывает формат соответствующей серии на диаграмме. Чтобы использовать значения по умолчанию для серии, укажите пустой объект
Вы можете указать либо массив объектов, каждый из которых применяется к серии в указанном порядке, либо объект, где каждый дочерний элемент имеет числовой ключ, указывающий, к какой серии он относится. Например, следующие два объявления идентичны: первая серия объявляется чёрной и отсутствует в легенде, а четвёртая — красной и отсутствует в легенде: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Тип: Массив объектов или объект с вложенными объектами По умолчанию: {} |
подзаголовок | Текст, отображаемый под заголовком диаграммы. Тип: string По умолчанию: без заголовка |
subtitleTextStyle | Объект, определяющий стиль текста заголовка. Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | Тема — это набор предопределённых значений параметров, которые совместно обеспечивают определённое поведение диаграммы или визуальный эффект. В настоящее время доступна только одна тема:
Тип: string По умолчанию: null |
заголовок | Текст для отображения над диаграммой. Тип: string По умолчанию: без заголовка |
titleTextStyle | Объект, определяющий стиль текста заголовка. Формат объекта: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
treatLabelsAsText | Если установлено значение Тип: boolean |
useFirstColumnAsDomain | Если установлено значение Тип: boolean |
vAxes | Задаёт свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом Чтобы создать диаграмму с несколькими вертикальными осями, сначала определите новую ось с помощью { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } Это свойство может быть как объектом, так и массивом: объект — это коллекция объектов, каждый из которых имеет числовую метку, указывающую ось, которую он определяет (этот формат показан выше); массив — это массив объектов, по одному на каждую ось. Например, следующая запись в стиле массива идентична объекту vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Тип: Массив объектов или объект с дочерними объектами По умолчанию: null |
vAxis | Объект с элементами для настройки различных элементов вертикальной оси. Для задания свойств этого объекта можно использовать литеральную нотацию объекта, как показано здесь: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Тип: object По умолчанию: null |
направление vAxis | Направление роста значений по вертикальной оси. По умолчанию низкие значения находятся внизу диаграммы. Укажите Тип: 1 или -1 По умолчанию: 1 |
vAxis.gridlines | Объект с элементами для настройки линий сетки по вертикальной оси. Обратите внимание, что линии сетки по вертикальной оси отображаются горизонтально. Для задания свойств этого объекта можно использовать литеральную нотацию объекта, как показано здесь: {color: '#333', minSpacing: 20} Эта опция поддерживается только для Тип: object По умолчанию: null |
vAxis.gridlines.color | Цвет вертикальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML. Тип: string По умолчанию: '#CCC' |
vAxis.gridlines.count | Примерное количество горизонтальных линий сетки внутри области диаграммы. Если указать положительное число для Тип: number По умолчанию: -1 |
vAxis.logScale | Если Тип: boolean По умолчанию: false |
vAxis.maxValue | Перемещает максимальное значение вертикальной оси на указанное значение; в большинстве диаграмм это значение будет направлено вверх. Игнорируется, если задано значение меньше максимального значения Y для данных. Тип: number По умолчанию: автоматически |
vAxis.minorGridlines | Объект с элементами для настройки второстепенных линий сетки на вертикальной оси, аналогично параметру vAxis.gridlines. Тип: object По умолчанию: null |
vAxis.minorGridlines.color | Цвет вертикальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML. Тип: string По умолчанию: смесь цветов сетки и фона. |
vAxis.minorGridlines.count | Параметр Тип: number По умолчанию: 1 |
vAxis.minValue | Перемещает минимальное значение вертикальной оси на указанное значение; в большинстве диаграмм это будет направлено вниз. Игнорируется, если задано значение, превышающее минимальное значение Y данных. Тип: number По умолчанию: null |
vAxis.textPosition | Положение текста вертикальной оси относительно области диаграммы. Поддерживаемые значения: Тип: string По умолчанию: 'out' |
vAxis.textStyle | Объект, определяющий стиль текста по вертикальной оси. Формат объекта: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: 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> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Задает диапазон обрезки вертикальной оси. Тип: object По умолчанию: null |
vAxis.viewWindow.max | Максимальное значение вертикальных данных для визуализации. Игнорируется, если Тип: number По умолчанию: авто |
vAxis.viewWindow.min | Минимальное значение вертикальных данных для визуализации. Игнорируется, если Тип: number По умолчанию: авто |
Параметры конфигурации гистограммы
Имя | |
---|---|
цвет фона | Цвет фона для основной области диаграммы. Может быть простой строкой цвета HTML, например: Тип: string или object По умолчанию: 'white' |
backgroundColor.fill | Цвет заливки диаграммы в виде цветовой строки HTML. Тип: string По умолчанию: 'white' |
chartArea | Объект с элементами для настройки расположения и размера области диаграммы (где отображается сама диаграмма, за исключением осей и легенд). Поддерживаются два формата: число или число с добавлением %. Простое число — это значение в пикселях; число с добавлением %. — это процентное значение. Пример: Тип: object По умолчанию: null |
chartArea.backgroundColor | Цвет фона области диаграммы. Если используется строка, это может быть шестнадцатеричная строка (например, '#fdc' ) или название цвета на английском языке. Если используется объект, можно указать следующие свойства:
Тип: string или object По умолчанию: 'white' |
chartArea.height | Высота области диаграммы. Тип: number или string По умолчанию: авто |
chartArea.left | На каком расстоянии от левого края рисовать диаграмму. Тип: number или string По умолчанию: авто |
chartArea.top | На каком расстоянии от верхней границы рисовать диаграмму. Тип: number или string По умолчанию: авто |
chartArea.width | Ширина области диаграммы. Тип: число или string По умолчанию: авто |
цвета | Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент — это строка цвета HTML, например: Тип: Массив строк По умолчанию: цвета по умолчанию |
hAxes | Задаёт свойства для отдельных горизонтальных осей, если диаграмма имеет несколько горизонтальных осей. Каждый дочерний объект является объектом Чтобы создать диаграмму с несколькими горизонтальными осями, сначала определите новую ось с помощью Это свойство может быть как объектом, так и массивом: объект — это коллекция объектов, каждый из которых имеет числовую метку, указывающую ось, которую он определяет (этот формат показан выше); массив — это массив объектов, по одному на каждую ось. Например, следующая запись в стиле массива идентична объекту hAxes: { {}, // Nothing specified for axis 0 { title:'Losses', textStyle: { color: 'red' } } // Axis 1 Тип: Массив объектов или объект с дочерними объектами По умолчанию: null |
hAxis | Объект с элементами для настройки различных элементов горизонтальной оси. Для задания свойств этого объекта можно использовать литеральную нотацию объекта, как показано здесь: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Тип: object По умолчанию: null |
hAxis.direction | Направление роста значений по горизонтальной оси. Укажите Тип: 1 или -1 По умолчанию: 1 |
hAxis.gridlines | Объект со свойствами для настройки линий сетки по горизонтальной оси. Обратите внимание, что линии сетки по горизонтальной оси отображаются вертикально. Чтобы задать свойства этого объекта, можно использовать литеральную нотацию объекта, как показано здесь: {color: '#333', minSpacing: 20} Эта опция поддерживается только для Тип: object По умолчанию: null |
hAxis.gridlines.color | Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML. Тип: string По умолчанию: '#CCC' |
hAxis.gridlines.count | Примерное количество горизонтальных линий сетки внутри области диаграммы. Если указать положительное число для Тип: number По умолчанию: -1 |
hAxis.logScale | Свойство Эта опция поддерживается только для Тип: boolean По умолчанию: false |
hAxis.maxValue | Перемещает максимальное значение горизонтальной оси на указанное значение; в большинстве диаграмм это будет смещение вправо. Игнорируется, если задано значение меньше максимального значения по оси X данных. Тип: number По умолчанию: автоматически |
hAxis.minorGridlines | Объект с элементами для настройки второстепенных линий сетки на горизонтальной оси, аналогично параметру Эта опция поддерживается только для Тип: object По умолчанию: null |
hAxis.minorGridlines.color | Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую строку цвета HTML. Тип: string По умолчанию: смесь цветов сетки и фона. |
hAxis.minorGridlines.count | Параметр Тип: number По умолчанию: 1 |
hAxis.minValue | Смещает минимальное значение горизонтальной оси на указанное значение; в большинстве диаграмм оно будет смещено влево. Игнорируется, если задано значение, превышающее минимальное значение по оси X данных. Тип: number По умолчанию: автоматически |
hAxis.textPosition | Положение текста горизонтальной оси относительно области диаграммы. Поддерживаемые значения: Тип: string По умолчанию: 'out' |
hAxis.textStyle | Объект, определяющий стиль текста по горизонтальной оси. Формат объекта: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Свойство Тип: string По умолчанию: null |
hAxis.titleTextStyle | Объект, определяющий стиль текста заголовка горизонтальной оси. Формат объекта: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Задает диапазон обрезки горизонтальной оси. Тип: object По умолчанию: null |
hAxis.viewWindow.max | Максимальное горизонтальное значение данных для визуализации. Игнорируется, если Тип: number По умолчанию: авто |
hAxis.viewWindow.min | Минимальное горизонтальное значение данных для визуализации. Игнорируется, если Тип: number По умолчанию: авто |
высота | Высота диаграммы в пикселях. Тип: number По умолчанию: высота содержащего элемента |
isStacked | Если установлено значение Параметр Возможные варианты
При 100%-ном стекировании расчетное значение для каждого элемента будет отображаться в подсказке после его фактического значения. Целевая ось по умолчанию будет иметь значения делений на основе относительной шкалы 0-1 в виде долей 1 для 100%-ное стекирование поддерживает только значения данных типа Тип: boolean / string По умолчанию: false |
легенда | Объект с элементами для настройки различных аспектов легенды. Чтобы задать свойства этого объекта, можно использовать литеральную нотацию объекта, как показано здесь: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Тип: object По умолчанию: null |
легенда.позиция | Расположение легенды. Может быть одним из следующих:
Тип: string По умолчанию: 'right' |
legendTextStyle | Объект, определяющий стиль текста легенды. Формат объекта: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
обратныеКатегории | Если установлено значение Эта опция поддерживается только для Тип: boolean По умолчанию: false |
ряд | Массив объектов, каждый из которых описывает формат соответствующей серии на диаграмме. Чтобы использовать значения по умолчанию для серии, укажите пустой объект
Вы можете указать либо массив объектов, каждый из которых применяется к серии в указанном порядке, либо объект, где каждый дочерний элемент имеет числовой ключ, указывающий, к какой серии он относится. Например, следующие два объявления идентичны: первая серия объявляется чёрной и отсутствует в легенде, а четвёртая — красной и отсутствует в легенде: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Тип: Массив объектов или объект с вложенными объектами По умолчанию: {} |
подзаголовок | Текст, отображаемый под заголовком диаграммы. Тип: string По умолчанию: без заголовка |
subtitleTextStyle | Объект, определяющий стиль текста заголовка. Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | Тема — это набор предопределённых значений параметров, которые совместно обеспечивают определённое поведение диаграммы или визуальный эффект. В настоящее время доступна только одна тема:
Тип: string По умолчанию: null |
заголовок | Текст, который будет отображаться над диаграммой. Тип: string По умолчанию: без названия |
заголовокTextStyle | Объект, определяющий стиль текста заголовка. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
линии тренда | Отображает линии тренда на диаграммах, которые их поддерживают. По умолчанию используются Линии тренда указываются для каждой серии, поэтому в большинстве случаев ваши варианты будут выглядеть следующим образом: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Тип: object По умолчанию: null |
линии тренда.n.color | Цвет линии тренда , выраженный либо в виде английского названия цвета, либо в виде шестнадцатеричной строки. Тип: string По умолчанию: цвет серии по умолчанию. |
линии тренда.n.степень | Для линий тренда Тип: number По умолчанию: 3 |
Trendlines.n.labelInLegend | Если установлено, линия тренда будет отображаться в легенде в виде этой строки. Тип: string По умолчанию: null |
Trendlines.n.lineWidth | Толщина линии тренда в пикселях. Тип: number По умолчанию: 2 |
линии тренда.n.type | Является ли линия тренда Тип: string По умолчанию: linear |
Trendlines.n.visibleInLegend | Появляется ли уравнение линии тренда в легенде. Он появится во всплывающей подсказке линии тренда. Тип: boolean По умолчанию: false |
использоватьFirstColumnAsDomain | Если установлено значение Тип: boolean |
вАксис | Объект с элементами для настройки различных элементов вертикальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Тип: object По умолчанию: null |
vAxis.direction | Направление роста значений по вертикальной оси. По умолчанию низкие значения находятся внизу диаграммы. Укажите Тип: 1 или -1 По умолчанию: 1 |
vAxis.gridlines | Объект с элементами для настройки линий сетки по вертикальной оси. Обратите внимание, что линии сетки по вертикальной оси рисуются горизонтально. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: {color: '#333', minSpacing: 20} Эта опция поддерживается только для Тип: object По умолчанию: null |
vAxis.gridlines.color | Цвет вертикальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML. Тип: string По умолчанию: '#CCC' |
vAxis.gridlines.count | Примерное количество горизонтальных линий сетки внутри области диаграммы. Если вы укажете положительное число для Тип: number По умолчанию: -1 |
vAxis.logScale | Если Тип: boolean По умолчанию: false |
vAxis.maxValue | Перемещает максимальное значение вертикальной оси на указанное значение; на большинстве графиков это будет вверх. Игнорируется, если для этого параметра установлено значение меньше максимального значения y данных. Тип: number По умолчанию: автоматический |
vAxis.minorGridlines | Объект с элементами для настройки второстепенных линий сетки на вертикальной оси, аналогично параметру vAxis.gridlines. Тип: object По умолчанию: null |
vAxis.minorGridlines.color | Цвет второстепенных вертикальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML. Тип: string По умолчанию: сочетание цветов линии сетки и фона. |
vAxis.minorGridlines.count | Параметр Тип: number По умолчанию: 1 |
vAxis.minValue | Перемещает минимальное значение вертикальной оси на указанное значение; на большинстве графиков это будет снижение. Игнорируется, если для этого параметра установлено значение, превышающее минимальное значение y данных. Тип: number По умолчанию: null |
vAxis.textPosition | Положение текста вертикальной оси относительно области диаграммы. Поддерживаемые значения: Тип: string По умолчанию: 'out' |
vAxis.textStyle | Объект, задающий стиль текста по вертикальной оси. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: 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> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Указывает диапазон обрезки вертикальной оси. Тип: object По умолчанию: null |
vAxis.viewWindow.max | Максимальное значение вертикальных данных для визуализации. Игнорируется, когда Тип: number По умолчанию: авто |
vAxis.viewWindow.min | Минимальное значение вертикальных данных для визуализации. Игнорируется, когда Тип: number По умолчанию: авто |
Параметры конфигурации пузырьковой диаграммы
Имя | |
---|---|
фонЦвет | Цвет фона основной области диаграммы. Это может быть либо простая цветовая строка HTML, например: Тип: string или object По умолчанию: 'white' |
фонЦвет.заливка | Цвет заливки диаграммы в виде цветовой строки HTML. Тип: string По умолчанию: 'white' |
пузырь | Объект с членами для настройки визуальных свойств пузырьков. Тип: object По умолчанию: null |
пузырь.непрозрачность | Непрозрачность пузырьков, где Тип: число от 0,0 до 1,0. По умолчанию: 0,8 |
пузырь.удар | Цвет обводки пузырьков. Тип: string По умолчанию: '#ccc' |
bubble.textStyle | Объект, определяющий стиль пузырькового текста. Объект имеет такой формат: {color: <string>, fontName: <string>, fontSize: <number>}
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
область диаграммы | Объект с элементами для настройки размещения и размера области диаграммы (где рисуется сама диаграмма, исключая оси и легенды). Поддерживаются два формата: число или число, за которым следует %. Простое число — это значение в пикселях; число, за которым следует %, представляет собой процент. Пример: Тип: object По умолчанию: null |
chartArea.backgroundColor | Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
Тип: string или object По умолчанию: 'white' |
диаграммаArea.height | Высота области диаграммы. Тип: number или string По умолчанию: авто |
диаграммаArea.left | Насколько далеко рисовать диаграмму от левой границы. Тип: number или string По умолчанию: авто |
диаграммаArea.top | На каком расстоянии рисовать диаграмму от верхней границы. Тип: number или string По умолчанию: авто |
ChartArea.width | Ширина области диаграммы. Тип: number или string По умолчанию: авто |
цвета | Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент представляет собой строку цвета HTML, например: Тип: Массив строк. По умолчанию: цвета по умолчанию |
ось | Объект с элементами для настройки различных элементов горизонтальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Тип: object По умолчанию: null |
hAxis.direction | Направление роста значений по горизонтальной оси. Укажите Тип: 1 или -1 По умолчанию: 1 |
hAxis.gridlines | Объект со свойствами для настройки линий сетки на горизонтальной оси. Обратите внимание, что линии сетки по горизонтальной оси рисуются вертикально. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: {color: '#333', minSpacing: 20} Эта опция поддерживается только для Тип: object По умолчанию: null |
hAxis.gridlines.color | Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML. Тип: string По умолчанию: '#CCC' |
hAxis.gridlines.count | Примерное количество горизонтальных линий сетки внутри области диаграммы. Если вы укажете положительное число для Тип: number По умолчанию: -1 |
hAxis.logScale | Свойство Эта опция поддерживается только для Тип: boolean По умолчанию: false |
hAxis.maxValue | Перемещает максимальное значение горизонтальной оси на указанное значение; на большинстве графиков это будет вправо. Игнорируется, если для этого параметра установлено значение меньше максимального значения x данных. Тип: number По умолчанию: автоматический |
hAxis.minorGridlines | Объект с элементами для настройки второстепенных линий сетки на горизонтальной оси, аналогично параметру Эта опция поддерживается только для Тип: object По умолчанию: null |
hAxis.minorGridlines.color | Цвет второстепенных горизонтальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML. Тип: string По умолчанию: сочетание цветов линии сетки и фона. |
hAxis.minorGridlines.count | Параметр Тип: number По умолчанию: 1 |
hAxis.minValue | Перемещает минимальное значение горизонтальной оси на указанное значение; на большинстве графиков это будет левое положение. Игнорируется, если для этого параметра установлено значение, превышающее минимальное значение x данных. Тип: number По умолчанию: автоматический |
hAxis.textPosition | Положение текста по горизонтальной оси относительно области диаграммы. Поддерживаемые значения: Тип: string По умолчанию: 'out' |
hAxis.textStyle | Объект, определяющий стиль текста по горизонтальной оси. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Свойство Тип: string По умолчанию: null |
hAxis.titleTextStyle | Объект, определяющий стиль текста заголовка по горизонтальной оси. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Указывает диапазон обрезки горизонтальной оси. Тип: object По умолчанию: null |
hAxis.viewWindow.max | Максимальное значение горизонтальных данных для визуализации. Игнорируется, когда Тип: number По умолчанию: авто |
hAxis.viewWindow.min | Минимальное значение горизонтальных данных для визуализации. Игнорируется, когда Тип: number По умолчанию: авто |
высота | Высота диаграммы в пикселях. Тип: number По умолчанию: высота содержащего элемента. |
легенда | Объект с членами для настройки различных аспектов легенды. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Тип: object По умолчанию: null |
легенда.позиция | Позиция легенды. Может быть одним из следующих:
Тип: string По умолчанию: 'right' |
LegendTextStyle | Объект, определяющий стиль текста легенды. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
ряд | Объект объектов, ключами которого являются названия серий (значения в столбце Цвет) и каждый объект, описывающий формат соответствующей серии на диаграмме. Если серия или значение не указаны, будет использоваться глобальное значение. Каждый объект поддерживает следующие свойства:
series: {'Europe': {color: 'green'}} Тип: Объект с вложенными объектами. По умолчанию: {} |
размерОсь | Объект с элементами для настройки связи значений с размером пузырька. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: {minValue: 0, maxSize: 20} Тип: object По умолчанию: null |
sizeAxis.maxSize | Максимальный радиус максимально возможного пузырька в пикселях. Тип: number По умолчанию: 30 |
sizeAxis.minSize | Минимальный радиус наименьшего возможного пузырька в пикселях. Тип: number По умолчанию: 5 |
подзаголовок | Текст, который будет отображаться под заголовком диаграммы. Тип: string По умолчанию: без названия |
стиль текста субтитров | Объект, определяющий стиль текста заголовка. Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | Тема — это набор предопределенных значений параметров, которые вместе обеспечивают достижение определенного поведения диаграммы или визуального эффекта. На данный момент доступна только одна тема:
Тип: string По умолчанию: null |
заголовок | Текст, который будет отображаться над диаграммой. Тип: string По умолчанию: без названия |
заголовокTextStyle | Объект, определяющий стиль текста заголовка. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
рассматриватьLabelsAsText | Если установлено значение Тип: boolean |
использоватьFirstColumnAsDomain | Если установлено значение Тип: boolean |
vAxes | Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом Чтобы указать диаграмму с несколькими вертикальными осями, сначала определите новую ось с помощью { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } Это свойство может быть либо объектом, либо массивом: объект представляет собой набор объектов, каждый из которых имеет числовую метку, указывающую ось, которую он определяет — это формат, показанный выше; массив представляет собой массив объектов, по одному на ось. Например, следующая запись в стиле массива идентична объекту 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 |
vAxis.gridlines | Объект с элементами для настройки линий сетки по вертикальной оси. Обратите внимание, что линии сетки по вертикальной оси рисуются горизонтально. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: {color: '#333', minSpacing: 20} Эта опция поддерживается только для Тип: object По умолчанию: null |
vAxis.gridlines.color | Цвет вертикальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML. Тип: string По умолчанию: '#CCC' |
vAxis.gridlines.count | Примерное количество горизонтальных линий сетки внутри области диаграммы. Если вы укажете положительное число для Тип: number По умолчанию: -1 |
vAxis.logScale | Если Тип: boolean По умолчанию: false |
vAxis.maxValue | Перемещает максимальное значение вертикальной оси на указанное значение; на большинстве графиков это будет вверх. Игнорируется, если для этого параметра установлено значение меньше максимального значения y данных. Тип: number По умолчанию: автоматический |
vAxis.minorGridlines | Объект с элементами для настройки второстепенных линий сетки на вертикальной оси, аналогично параметру vAxis.gridlines. Тип: object По умолчанию: null |
vAxis.minorGridlines.color | Цвет второстепенных вертикальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML. Тип: string По умолчанию: сочетание цветов линии сетки и фона. |
vAxis.minorGridlines.count | Параметр Тип: number По умолчанию: 1 |
vAxis.minValue | Перемещает минимальное значение вертикальной оси на указанное значение; на большинстве графиков это будет снижение. Игнорируется, если для этого параметра установлено значение, превышающее минимальное значение y данных. Тип: number По умолчанию: null |
vAxis.textPosition | Положение текста вертикальной оси относительно области диаграммы. Поддерживаемые значения: Тип: string По умолчанию: 'out' |
vAxis.textStyle | Объект, задающий стиль текста по вертикальной оси. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: 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> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Указывает диапазон обрезки вертикальной оси. Тип: object По умолчанию: null |
vAxis.viewWindow.max | Максимальное значение вертикальных данных для визуализации. Игнорируется, когда Тип: number По умолчанию: авто |
vAxis.viewWindow.min | Минимальное значение вертикальных данных для визуализации. Игнорируется, когда Тип: number По умолчанию: авто |
Параметры конфигурации календаря
Имя | |
---|---|
высота | Высота диаграммы в пикселях. Тип: number По умолчанию: высота содержащего элемента. |
ширина | Ширина диаграммы в пикселях. Тип: number По умолчанию: ширина содержащего элемента. |
Параметры конфигурации свечного графика
Имя | |
---|---|
фонЦвет | Цвет фона основной области диаграммы. Это может быть либо простая цветовая строка HTML, например: Тип: string или object По умолчанию: 'white' |
фонЦвет.заливка | Цвет заливки диаграммы в виде цветовой строки HTML. Тип: string По умолчанию: 'white' |
область диаграммы | Объект с элементами для настройки размещения и размера области диаграммы (где рисуется сама диаграмма, исключая оси и легенды). Поддерживаются два формата: число или число, за которым следует %. Простое число — это значение в пикселях; число, за которым следует %, представляет собой процент. Пример: Тип: object По умолчанию: null |
chartArea.backgroundColor | Цвет фона области диаграммы. Когда используется строка, это может быть либо шестнадцатеричная строка (например, '#fdc' ), либо название цвета на английском языке. При использовании объекта могут быть предоставлены следующие свойства:
Тип: string или object По умолчанию: 'white' |
диаграммаArea.height | Высота области диаграммы. Тип: number или string По умолчанию: авто |
диаграммаArea.left | Насколько далеко рисовать диаграмму от левой границы. Тип: number или string По умолчанию: авто |
диаграммаArea.top | На каком расстоянии рисовать диаграмму от верхней границы. Тип: number или string По умолчанию: авто |
ChartArea.width | Ширина области диаграммы. Тип: number или string По умолчанию: авто |
цвета | Цвета, используемые для элементов диаграммы. Массив строк, где каждый элемент представляет собой строку цвета HTML, например: Тип: Массив строк. По умолчанию: цвета по умолчанию |
ось | Объект с элементами для настройки различных элементов горизонтальной оси. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Тип: object По умолчанию: null |
hAxis.direction | Направление роста значений по горизонтальной оси. Укажите Тип: 1 или -1 По умолчанию: 1 |
hAxis.gridlines | Объект со свойствами для настройки линий сетки на горизонтальной оси. Обратите внимание, что линии сетки по горизонтальной оси рисуются вертикально. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: {color: '#333', minSpacing: 20} Эта опция поддерживается только для Тип: object По умолчанию: null |
hAxis.gridlines.color | Цвет горизонтальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML. Тип: string По умолчанию: '#CCC' |
hAxis.gridlines.count | Примерное количество горизонтальных линий сетки внутри области диаграммы. Если вы укажете положительное число для Тип: number По умолчанию: -1 |
hAxis.logScale | Свойство Эта опция поддерживается только для Тип: boolean По умолчанию: false |
hAxis.maxValue | Перемещает максимальное значение горизонтальной оси на указанное значение; на большинстве графиков это будет вправо. Игнорируется, если для этого параметра установлено значение меньше максимального значения x данных. Тип: number По умолчанию: автоматический |
hAxis.minorGridlines | Объект с элементами для настройки второстепенных линий сетки на горизонтальной оси, аналогично параметру Эта опция поддерживается только для Тип: object По умолчанию: null |
hAxis.minorGridlines.color | Цвет второстепенных горизонтальных линий сетки внутри области диаграммы. Укажите допустимую цветовую строку HTML. Тип: string По умолчанию: сочетание цветов линии сетки и фона. |
hAxis.minorGridlines.count | Параметр Тип: number По умолчанию: 1 |
hAxis.minValue | Перемещает минимальное значение горизонтальной оси на указанное значение; на большинстве графиков это будет левое положение. Игнорируется, если для этого параметра установлено значение, превышающее минимальное значение x данных. Тип: number По умолчанию: автоматический |
hAxis.textPosition | Положение текста по горизонтальной оси относительно области диаграммы. Поддерживаемые значения: Тип: string По умолчанию: 'out' |
hAxis.textStyle | Объект, определяющий стиль текста по горизонтальной оси. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Свойство Тип: string По умолчанию: null |
hAxis.titleTextStyle | Объект, определяющий стиль текста заголовка по горизонтальной оси. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Указывает диапазон обрезки горизонтальной оси. Тип: object По умолчанию: null |
hAxis.viewWindow.max | Максимальное значение горизонтальных данных для визуализации. Игнорируется, когда Тип: number По умолчанию: авто |
hAxis.viewWindow.min | Минимальное значение горизонтальных данных для визуализации. Игнорируется, когда Тип: number По умолчанию: авто |
высота | Высота диаграммы в пикселях. Тип: number По умолчанию: высота содержащего элемента. |
легенда | Объект с членами для настройки различных аспектов легенды. Чтобы указать свойства этого объекта, вы можете использовать буквальную запись объекта, как показано здесь: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Тип: object По умолчанию: null |
легенда.позиция | Позиция легенды. Может быть одним из следующих:
Тип: string По умолчанию: 'right' |
LegendTextStyle | Объект, определяющий стиль текста легенды. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
обратныеКатегории | Если установлено значение Эта опция поддерживается только для Тип: boolean По умолчанию: false |
ряд | Массив объектов, каждый из которых описывает формат соответствующей серии на диаграмме. Чтобы использовать значения по умолчанию для серии, укажите пустой объект
Вы можете указать либо массив объектов, каждый из которых применяется к серии в указанном порядке, либо вы можете указать объект, в котором каждый дочерний объект имеет числовой ключ, указывающий, к какой серии он применяется. Например, следующие два объявления идентичны и объявляют первую серию черной и отсутствующей в легенде, а четвертую — красной и отсутствующей в легенде: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Тип: Массив объектов или объект со вложенными объектами. По умолчанию: {} |
подзаголовок | Текст, который будет отображаться под заголовком диаграммы. Тип: string По умолчанию: без названия |
стиль текста субтитров | Объект, определяющий стиль текста заголовка. Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | Тема — это набор предопределенных значений параметров, которые вместе обеспечивают достижение определенного поведения диаграммы или визуального эффекта. На данный момент доступна только одна тема:
Тип: string По умолчанию: null |
заголовок | Текст, который будет отображаться над диаграммой. Тип: string По умолчанию: без названия |
заголовокTextStyle | Объект, определяющий стиль текста заголовка. Объект имеет такой формат: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Тип: object По умолчанию: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
использоватьFirstColumnAsDomain | Если установлено значение Тип: boolean |
vAxes | Указывает свойства для отдельных вертикальных осей, если диаграмма имеет несколько вертикальных осей. Каждый дочерний объект является объектом Чтобы указать диаграмму с несколькими вертикальными осями, сначала определите новую ось с помощью { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } Это свойство может быть либо объектом, либо массивом: объект представляет собой набор объектов, каждый из которых имеет числовую метку, указывающую ось, которую он определяет — это формат, показанный выше; массив представляет собой массив объектов, по одному на ось. Например, следующая запись в стиле массива идентична объекту 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 |
vAxis.gridlines | Объект с элементами для настройки линий сетки по вертикальной оси. Обратите внимание, что линии сетки по вертикальной оси рисуются горизонтально. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
vAxis.gridlines.color | The color of the vertical gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
vAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
vAxis.logScale | If Тип: boolean По умолчанию: false |
vAxis.maxValue | Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. Type: number Default: automatic |
vAxis.minorGridlines | An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option. Type: object Default: null |
vAxis.minorGridlines.color | The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
vAxis.minorGridlines.count | The Type: number Default: 1 |
vAxis.minValue | Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. Type: number Default: null |
vAxis.textPosition | Position of the vertical axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
vAxis.textStyle | An object that specifies the vertical axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.title | Specifies a title for the vertical axis. Type: string Default: no title |
vAxis.titleTextStyle | An object that specifies the vertical axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Specifies the cropping range of the vertical axis. Type: object Default: null |
vAxis.viewWindow.max | The maximum vertical data value to render. Ignored when Type: number Default: auto |
vAxis.viewWindow.min | The minimum vertical data value to render. Ignored when Type: number Default: auto |
Column chart configuration options
Имя | |
---|---|
backgroundColor | The background color for the main area of the chart. Can be either a simple HTML color string, for example: Type: string or object Default: 'white' |
backgroundColor.fill | The chart fill color, as an HTML color string. Type: string Default: 'white' |
chartArea | An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: Type: object Default: null |
chartArea.backgroundColor | Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
Type: string or object Default: 'white' |
chartArea.height | Chart area height. Type: number or string Default: auto |
chartArea.left | How far to draw the chart from the left border. Type: number or string Default: auto |
chartArea.top | How far to draw the chart from the top border. Type: number or string Default: auto |
chartArea.width | Chart area width. Type: number or string Default: auto |
цвета | The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: Type: Array of strings Default: default colors |
hAxis | An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Type: object Default: null |
hAxis.direction | The direction in which the values along the horizontal axis grow. Specify Type: 1 or -1 Default: 1 |
hAxis.gridlines | An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
hAxis.gridlines.color | The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
hAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
hAxis.logScale | This option is only supported for a Тип: boolean По умолчанию: false |
hAxis.maxValue | Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. Type: number Default: automatic |
hAxis.minorGridlines | An object with members to configure the minor gridlines on the horizontal axis, similar to the This option is only supported for a Type: object Default: null |
hAxis.minorGridlines.color | The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
hAxis.minorGridlines.count | The Type: number Default: 1 |
hAxis.minValue | Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. Type: number Default: automatic |
hAxis.textPosition | Position of the horizontal axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
hAxis.textStyle | An object that specifies the horizontal axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Type: string Default: null |
hAxis.titleTextStyle | An object that specifies the horizontal axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Specifies the cropping range of the horizontal axis. Type: object Default: null |
hAxis.viewWindow.max | The maximum horizontal data value to render. Ignored when Type: number Default: auto |
hAxis.viewWindow.min | The minimum horizontal data value to render. Ignored when Type: number Default: auto |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
isStacked | If set to The The options for
For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value. The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 100% stacking only supports data values of type Type: boolean / string По умолчанию: false |
легенда | An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Type: object Default: null |
legend.position | Position of the legend. Can be one of the following:
Type: string Default: 'right' |
legendTextStyle | An object that specifies the legend text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
reverseCategories | If set to This option is only supported for a Тип: boolean По умолчанию: false |
ряд | An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object
You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Type: Array of objects, or object with nested objects По умолчанию: {} |
подзаголовок | Text to display below the chart title. Type: string Default: no title |
subtitleTextStyle | An object that specifies the title text style. The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:
Type: string Default: null |
заголовок | Text to display above the chart. Type: string Default: no title |
titleTextStyle | An object that specifies the title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
линии тренда | Displays trendlines on the charts that support them. By default, Trendlines are specified on a per-series basis, so most of the time your options will look like this: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Type: object Default: null |
trendlines.n.color | The color of the trendline , expressed as either an English color name or a hex string. Type: string Default: default series color |
trendlines.n.degree | For trendlines of Type: number Default: 3 |
trendlines.n.labelInLegend | If set, the trendline will appear in the legend as this string. Type: string Default: null |
trendlines.n.lineWidth | The line width of the trendline , in pixels. Type: number По умолчанию: 2 |
trendlines.n.type | Whether the trendlines is Type: string Default: linear |
trendlines.n.visibleInLegend | Whether the trendline equation appears in the legend. It will appear in the trendline tooltip. Тип: boolean По умолчанию: false |
useFirstColumnAsDomain | If set to Тип: boolean |
vAxes | Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a To specify a chart with multiple vertical axes, first define a new axis using { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Type: Array of object, or object with child objects Default: null |
vAxis | An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Type: object Default: null |
vAxis.direction | The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify Type: 1 or -1 Default: 1 |
vAxis.gridlines | An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
vAxis.gridlines.color | The color of the vertical gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
vAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
vAxis.logScale | If Тип: boolean По умолчанию: false |
vAxis.maxValue | Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. Type: number Default: automatic |
vAxis.minorGridlines | An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option. Type: object Default: null |
vAxis.minorGridlines.color | The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
vAxis.minorGridlines.count | The Type: number Default: 1 |
vAxis.minValue | Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. Type: number Default: null |
vAxis.textPosition | Position of the vertical axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
vAxis.textStyle | An object that specifies the vertical axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.title | Specifies a title for the vertical axis. Type: string Default: no title |
vAxis.titleTextStyle | An object that specifies the vertical axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Specifies the cropping range of the vertical axis. Type: object Default: null |
vAxis.viewWindow.max | The maximum vertical data value to render. Ignored when Type: number Default: auto |
vAxis.viewWindow.min | The minimum vertical data value to render. Ignored when Type: number Default: auto |
Combo chart configuration options
Имя | |
---|---|
areaOpacity | The default opacity of the colored area under an area chart series, where Type: number , 0.0- 1.0 Default: 0.3 |
backgroundColor | The background color for the main area of the chart. Can be either a simple HTML color string, for example: Type: string or object Default: 'white' |
backgroundColor.fill | The chart fill color, as an HTML color string. Type: string Default: 'white' |
chartArea | An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: Type: object Default: null |
chartArea.backgroundColor | Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
Type: string or object Default: 'white' |
chartArea.height | Chart area height. Type: number or string Default: auto |
chartArea.left | How far to draw the chart from the left border. Type: number or string Default: auto |
chartArea.top | How far to draw the chart from the top border. Type: number or string Default: auto |
chartArea.width | Chart area width. Type: number or string Default: auto |
цвета | The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: Type: Array of strings Default: default colors |
curveType | Controls the curve of the lines when the line width is not zero. Can be one of the following:
Type: string Default: 'none' |
hAxis | An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Type: object Default: null |
hAxis.direction | The direction in which the values along the horizontal axis grow. Specify Type: 1 or -1 Default: 1 |
hAxis.gridlines | An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
hAxis.gridlines.color | The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
hAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
hAxis.logScale | This option is only supported for a Тип: boolean По умолчанию: false |
hAxis.maxValue | Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. Type: number Default: automatic |
hAxis.minorGridlines | An object with members to configure the minor gridlines on the horizontal axis, similar to the This option is only supported for a Type: object Default: null |
hAxis.minorGridlines.color | The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
hAxis.minorGridlines.count | The Type: number Default: 1 |
hAxis.minValue | Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. Type: number Default: automatic |
hAxis.textPosition | Position of the horizontal axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
hAxis.textStyle | An object that specifies the horizontal axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Type: string Default: null |
hAxis.titleTextStyle | An object that specifies the horizontal axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Specifies the cropping range of the horizontal axis. Type: object Default: null |
hAxis.viewWindow.max | The maximum horizontal data value to render. Ignored when Type: number Default: auto |
hAxis.viewWindow.min | The minimum horizontal data value to render. Ignored when Type: number Default: auto |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
interpolateNulls | Whether to guess the value of missing points. If This is not supported by Area charts with the Тип: boolean По умолчанию: false |
isStacked | If set to The The options for
For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value. The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 100% stacking only supports data values of type Type: boolean / string По умолчанию: false |
легенда | An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Type: object Default: null |
legend.position | Position of the legend. Can be one of the following:
Type: string Default: 'right' |
legendTextStyle | An object that specifies the legend text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
lineWidth | Data line width in pixels. Use zero to hide all lines and show only the points. You can override values for individual series using the Type: number По умолчанию: 2 |
pointShape | The shape of individual data elements: Type: string Default: 'circle' |
pointSize | Diameter of displayed points in pixels. Use zero to hide all points. You can override values for individual series using the Type: number По умолчанию: 0 |
reverseCategories | If set to This option is only supported for a Тип: boolean По умолчанию: false |
ряд | An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object
You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Type: Array of objects, or object with nested objects По умолчанию: {} |
подзаголовок | Text to display below the chart title. Type: string Default: no title |
subtitleTextStyle | An object that specifies the title text style. The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:
Type: string Default: null |
заголовок | Text to display above the chart. Type: string Default: no title |
titleTextStyle | An object that specifies the title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
useFirstColumnAsDomain | If set to Тип: boolean |
vAxes | Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a To specify a chart with multiple vertical axes, first define a new axis using { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Type: Array of object, or object with child objects Default: null |
vAxis | An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Type: object Default: null |
vAxis.direction | The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify Type: 1 or -1 Default: 1 |
vAxis.gridlines | An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
vAxis.gridlines.color | The color of the vertical gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
vAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
vAxis.logScale | If Тип: boolean По умолчанию: false |
vAxis.maxValue | Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. Type: number Default: automatic |
vAxis.minorGridlines | An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option. Type: object Default: null |
vAxis.minorGridlines.color | The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
vAxis.minorGridlines.count | The Type: number Default: 1 |
vAxis.minValue | Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. Type: number Default: null |
vAxis.textPosition | Position of the vertical axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
vAxis.textStyle | An object that specifies the vertical axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.title | Specifies a title for the vertical axis. Type: string Default: no title |
vAxis.titleTextStyle | An object that specifies the vertical axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Specifies the cropping range of the vertical axis. Type: object Default: null |
vAxis.viewWindow.max | The maximum vertical data value to render. Ignored when Type: number Default: auto |
vAxis.viewWindow.min | The minimum vertical data value to render. Ignored when Type: number Default: auto |
Gauge configuration options
Имя | |
---|---|
greenColor | The color to use for the green section in HTML color notation. Type: string Default: '#109618' |
greenFrom | The lowest value for a range marked by a green color. Type: number Default: none |
greenTo | The highest value for a range marked by a green color. Type: number Default: none |
высота | Height of the chart in pixels. Type: number Default: Container's width |
макс | The maximum value to show on the Y axis. If the maximum data point exceeds this value, this setting is ignored, and the chart is adjusted to show the next major tick mark above the maximum data point. This takes precedence over the Y axis maximum determined by This is similar to Type: number Default: automatic |
мин | The minimum value to show on the Y axis. If the minimum data point is less than this value, this setting is ignored, and the chart is adjusted to show the next major tick mark below the minimum data point. This takes precedence over the Y axis minimum determined by This is similar to Type: number Default: automatic |
redColor | The color to use for the red section in HTML color notation. Type: string Default: '#DC3912' |
redFrom | The lowest value for a range marked by a red color. Type: number Default: none |
redTo | The highest value for a range marked by a red color. Type: number Default: none |
ширина | Width of the chart in pixels. Type: number Default: Container's width |
yellowColor | The color to use for the yellow section in HTML color notation. Type: string Default: '#FF9900' |
yellowFrom | The lowest value for a range marked by a yellow color. Type: number Default: none |
yellowTo | The highest value for a range marked by a yellow color. Type: number Default: none |
Geochart configuration options
Имя | |
---|---|
backgroundColor | The background color for the main area of the chart. Can be either a simple HTML color string, for example: Type: string or object Default: 'white' |
backgroundColor.fill | The chart fill color, as an HTML color string. Type: string Default: 'white' |
datalessRegionColor | Color to assign to regions with no associated data. Type: string Default: '#F5F5F5' |
defaultColor | The color to use for data points in a geochart when the location (eg, Type: string Default: '#267114' |
displayMode | Which type of geochart this is. The DataTable format must match the value specified. The following values are supported:
Type: string Default: 'auto' |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
легенда | An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Type: object Default: null |
legendTextStyle | An object that specifies the legend text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
область | The area to display on the geochart. Surrounding areas are displayed as well. Can be one of the following:
Type: string Default: 'world' |
ширина | Width of the chart in pixels. Type: number Default: width of the containing element |
Histogram configuration options
Имя | |
---|---|
backgroundColor | The background color for the main area of the chart. Can be either a simple HTML color string, for example: Type: string or object Default: 'white' |
backgroundColor.fill | The chart fill color, as an HTML color string. Type: string Default: 'white' |
chartArea | An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: Type: object Default: null |
chartArea.backgroundColor | Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
Type: string or object /div> Default: 'white' |
chartArea.height | Chart area height. Type: number or string Default: auto |
chartArea.left | How far to draw the chart from the left border. Type: number or string Default: auto |
chartArea.top | How far to draw the chart from the top border. Type: number or string Default: auto |
chartArea.width | Chart area width. Type: number or string Default: auto |
цвета | The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: Type: Array of strings Default: default colors |
hAxis | An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Type: object Default: null |
hAxis.gridlines | An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
hAxis.gridlines.color | The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
hAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
hAxis.minorGridlines | An object with members to configure the minor gridlines on the horizontal axis, similar to the This option is only supported for a Type: object Default: null |
hAxis.minorGridlines.color | The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
hAxis.minorGridlines.count | The Type: number Default: 1 |
hAxis.textPosition | Position of the horizontal axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
hAxis.textStyle | An object that specifies the horizontal axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Type: string Default: null |
hAxis.titleTextStyle | An object that specifies the horizontal axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Specifies the cropping range of the horizontal axis. Type: object Default: null |
hAxis.viewWindow.max | The maximum horizontal data value to render. Ignored when Type: number Default: auto |
hAxis.viewWindow.min | The minimum horizontal data value to render. Ignored when Type: number Default: auto |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
histogram.bucketSize | Hardcode the size of each histogram bar, rather than letting it be determined algorithmically. Type: number Default: auto |
histogram.hideBucketItems | Omit the thin divisions between the blocks of the histogram, making it into a series of solid bars. Тип: boolean По умолчанию: false |
histogram.lastBucketPercentile | When calculating the histogram's bucket size, ignore the top and bottom Type: number По умолчанию: 0 |
interpolateNulls | Whether to guess the value of missing points. If This is not supported by Area charts with the Тип: boolean По умолчанию: false |
isStacked | If set to The The options for
For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value. The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 100% stacking only supports data values of type Type: boolean / string По умолчанию: false |
легенда | An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Type: object Default: null |
legend.position | Position of the legend. Can be one of the following:
Type: string Default: 'right' |
legendTextStyle | An object that specifies the legend text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
reverseCategories | If set to This option is only supported for a Тип: boolean По умолчанию: false |
ряд | An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object
You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Type: Array of objects, or object with nested objects По умолчанию: {} |
подзаголовок | Text to display below the chart title. Type: string Default: no title |
subtitleTextStyle | An object that specifies the title text style. The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:
Type: string Default: null |
заголовок | Text to display above the chart. Type: string Default: no title |
titleTextStyle | An object that specifies the title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
useFirstColumnAsDomain | If set to Тип: boolean |
vAxes | Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a To specify a chart with multiple vertical axes, first define a new axis using { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Type: Array of object, or object with child objects Default: null |
vAxis | An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Type: object Default: null |
vAxis.direction | The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify Type: 1 or -1 Default: 1 |
vAxis.gridlines | An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
vAxis.gridlines.color | The color of the vertical gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
vAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
vAxis.logScale | If Тип: boolean По умолчанию: false |
vAxis.maxValue | Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. Type: number Default: automatic |
vAxis.minorGridlines | An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option. Type: object Default: null |
vAxis.minorGridlines.color | The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
vAxis.minorGridlines.count | The Type: number Default: 1 |
vAxis.minValue | Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. Type: number Default: null |
vAxis.textPosition | Position of the vertical axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
vAxis.textStyle | An object that specifies the vertical axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.title | Specifies a title for the vertical axis. Type: string Default: no title |
vAxis.titleTextStyle | An object that specifies the vertical axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Specifies the cropping range of the vertical axis. Type: object Default: null |
vAxis.viewWindow.max | The maximum vertical data value to render. Ignored when Type: number Default: auto |
vAxis.viewWindow.min | The minimum vertical data value to render. Ignored when Type: number Default: auto |
ширина | Width of the chart in pixels. Type: number Default: width of the containing element |
Line chart configuration options
Имя | |
---|---|
backgroundColor | The background color for the main area of the chart. Can be either a simple HTML color string, for example: Type: string or object Default: 'white' |
backgroundColor.fill | The chart fill color, as an HTML color string. Type: string Default: 'white' |
chartArea | An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: Type: object Default: null |
chartArea.backgroundColor | Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
Type: string or object Default: 'white' |
chartArea.height | Chart area height. Type: number or string Default: auto |
chartArea.left | How far to draw the chart from the left border. Type: number or string Default: auto |
chartArea.top | How far to draw the chart from the top border. Type: number or string Default: auto |
chartArea.width | Chart area width. Type: number or string Default: auto |
цвета | The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: Type: Array of strings Default: default colors |
curveType | Controls the curve of the lines when the line width is not zero. Can be one of the following:
Type: string Default: 'none' |
hAxis | An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Type: object Default: null |
hAxis.direction | The direction in which the values along the horizontal axis grow. Specify Type: 1 or -1 Default: 1 |
hAxis.gridlines | An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
hAxis.gridlines.color | The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
hAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
hAxis.logScale | This option is only supported for a Тип: boolean По умолчанию: false |
hAxis.maxValue | Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. Type: number Default: automatic |
hAxis.minorGridlines | An object with members to configure the minor gridlines on the horizontal axis, similar to the This option is only supported for a Type: object Default: null |
hAxis.minorGridlines.color | The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
hAxis.minorGridlines.count | The Type: number Default: 1 |
hAxis.minValue | Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. Type: number Default: automatic |
hAxis.textPosition | Position of the horizontal axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
hAxis.textStyle | An object that specifies the horizontal axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Type: string Default: null |
hAxis.titleTextStyle | An object that specifies the horizontal axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Specifies the cropping range of the horizontal axis. Type: object Default: null |
hAxis.viewWindow.max | The maximum horizontal data value to render. Ignored when Type: number Default: auto |
hAxis.viewWindow.min | The minimum horizontal data value to render. Ignored when Type: number Default: auto |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
interpolateNulls | Whether to guess the value of missing points. If This is not supported by Area charts with the Тип: boolean По умолчанию: false |
легенда | An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Type: object Default: null |
legend.position | Position of the legend. Can be one of the following:
Type: string Default: 'right' |
legendTextStyle | An object that specifies the legend text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
lineWidth | Data line width in pixels. Use zero to hide all lines and show only the points. You can override values for individual series using the Type: number По умолчанию: 2 |
pointShape | The shape of individual data elements: Type: string Default: 'circle' |
pointSize | Diameter of displayed points in pixels. Use zero to hide all points. You can override values for individual series using the Type: number По умолчанию: 0 |
reverseCategories | If set to This option is only supported for a Тип: boolean По умолчанию: false |
ряд | An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object
You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Type: Array of objects, or object with nested objects По умолчанию: {} |
подзаголовок | Text to display below the chart title. Type: string Default: no title |
subtitleTextStyle | An object that specifies the title text style. The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:
Type: string Default: null |
заголовок | Text to display above the chart. Type: string Default: no title |
titleTextStyle | An object that specifies the title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
treatLabelsAsText | If set to Тип: boolean |
линии тренда | Displays trendlines on the charts that support them. By default, Trendlines are specified on a per-series basis, so most of the time your options will look like this: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Type: object Default: null |
trendlines.n.color | The color of the trendline , expressed as either an English color name or a hex string. Type: string Default: default series color |
trendlines.n.degree | For trendlines of Type: number Default: 3 |
trendlines.n.labelInLegend | If set, the trendline will appear in the legend as this string. Type: string Default: null |
trendlines.n.lineWidth | The line width of the trendline , in pixels. Type: number По умолчанию: 2 |
trendlines.n.type | Whether the trendlines is Type: string Default: linear |
trendlines.n.visibleInLegend | Whether the trendline equation appears in the legend. It will appear in the trendline tooltip. Тип: boolean По умолчанию: false |
useFirstColumnAsDomain | If set to Тип: boolean |
vAxes | Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a To specify a chart with multiple vertical axes, first define a new axis using { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Type: Array of object, or object with child objects Default: null |
vAxis | An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Type: object Default: null |
vAxis.direction | The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify Type: 1 or -1 Default: 1 |
vAxis.gridlines | An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
vAxis.gridlines.color | The color of the vertical gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
vAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
vAxis.logScale | If Тип: boolean По умолчанию: false |
vAxis.maxValue | Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. Type: number Default: automatic |
vAxis.minorGridlines | An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option. Type: object Default: null |
vAxis.minorGridlines.color | The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
vAxis.minorGridlines.count | The Type: number Default: 1 |
vAxis.minValue | Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. Type: number Default: null |
vAxis.textPosition | Position of the vertical axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
vAxis.textStyle | An object that specifies the vertical axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.title | Specifies a title for the vertical axis. Type: string Default: no title |
vAxis.titleTextStyle | An object that specifies the vertical axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Specifies the cropping range of the vertical axis. Type: object Default: null |
vAxis.viewWindow.max | The maximum vertical data value to render. Ignored when Type: number Default: auto |
vAxis.viewWindow.min | The minimum vertical data value to render. Ignored when Type: number Default: auto |
Org chart configuration options
Имя | |
---|---|
цвет | The background color of the org chart elements. Type:
Default: '#edf7ff' |
selectionColor | The background color of selected org chart elements. Type: string Default: '#d6e9f8' |
размер | The overall size of the chart. Options include Type: string Default: 'medium' |
Pie chart configuration options
Имя | |
---|---|
backgroundColor | The background color for the main area of the chart. Can be either a simple HTML color string, for example: Type: string or object Default: 'white' |
backgroundColor.fill | The chart fill color, as an HTML color string. Type: string Default: 'white' |
chartArea | An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: Type: object Default: null |
chartArea.backgroundColor | Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
Type: string or object Default: 'white' |
chartArea.height | Chart area height. Type: number or string Default: auto |
chartArea.left | How far to draw the chart from the left border. Type: number or string Default: auto |
chartArea.top | How far to draw the chart from the top border. Type: number or string Default: auto |
chartArea.width | Chart area width. Type: number or string Default: auto |
цвета | The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: Type: Array of strings Default: default colors |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
is3D | If Тип: boolean По умолчанию: false |
легенда | An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Type: object Default: null |
legend.position | Position of the legend. Can be one of the following:
Type: string Default: 'right' |
legendTextStyle | An object that specifies the legend text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
pieHole | If between Type: number По умолчанию: 0 |
pieSliceBorderColor | The color of the slice borders. Only applicable when the chart is two-dimensional. Type: string Default: 'white' |
pieSliceText | The content of the text displayed on the slice. Can be one of the following:
Type: string Default: 'percentage' |
pieSliceTextStyle | An object that specifies the slice text style. The object has this format: {color: <string>, fontName: <string>, fontSize: <number>} The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
reverseCategories | If set to This option is only supported for a Тип: boolean По умолчанию: false |
slices.color | The color to use for this slice. Type: string |
подзаголовок | Text to display below the chart title. Type: string Default: no title |
subtitleTextStyle | An object that specifies the title text style. The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
заголовок | Text to display above the chart. Type: string Default: no title |
titleTextStyle | An object that specifies the title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
Scatter chart configuration options
Имя | |
---|---|
backgroundColor | The background color for the main area of the chart. Can be either a simple HTML color string, for example: Type: string or object Default: 'white' |
backgroundColor.fill | The chart fill color, as an HTML color string. Type: string Default: 'white' |
chartArea | An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: Type: object Default: null |
chartArea.backgroundColor | Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
Type: string or object Default: 'white' |
chartArea.height | Chart area height. Type: number or string Default: auto |
chartArea.left | How far to draw the chart from the left border. Type: number or string Default: auto |
chartArea.top | How far to draw the chart from the top border. Type: number or string Default: auto |
chartArea.width | Chart area width. Type: number or string Default: auto |
цвета | The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: Type: Array of strings Default: default colors |
curveType | Controls the curve of the lines when the line width is not zero. Can be one of the following:
Type: string Default: 'none' |
hAxis | An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Type: object Default: null |
hAxis.direction | The direction in which the values along the horizontal axis grow. Specify Type: 1 or -1 Default: 1 |
hAxis.gridlines | An object with properties to configure the gridlines on the horizontal axis. Note that horizontal axis gridlines are drawn vertically. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
hAxis.gridlines.color | The color of the horizontal gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
hAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
hAxis.logScale | This option is only supported for a Тип: boolean По умолчанию: false |
hAxis.maxValue | Moves the max value of the horizontal axis to the specified value; this will be rightward in most charts. Ignored if this is set to a value smaller than the maximum x-value of the data. Type: number Default: automatic |
hAxis.minorGridlines | An object with members to configure the minor gridlines on the horizontal axis, similar to the This option is only supported for a Type: object Default: null |
hAxis.minorGridlines.color | The color of the horizontal minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
hAxis.minorGridlines.count | The Type: number Default: 1 |
hAxis.minValue | Moves the min value of the horizontal axis to the specified value; this will be leftward in most charts. Ignored if this is set to a value greater than the minimum x-value of the data. Type: number Default: automatic |
hAxis.textPosition | Position of the horizontal axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
hAxis.textStyle | An object that specifies the horizontal axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Type: string Default: null |
hAxis.titleTextStyle | An object that specifies the horizontal axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Specifies the cropping range of the horizontal axis. Type: object Default: null |
hAxis.viewWindow.max | The maximum horizontal data value to render. Ignored when Type: number Default: auto |
hAxis.viewWindow.min | The minimum horizontal data value to render. Ignored when Type: number Default: auto |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
легенда | An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Type: object Default: null |
legend.position | Position of the legend. Can be one of the following:
Type: string Default: 'right' |
legendTextStyle | An object that specifies the legend text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
lineWidth | Data line width in pixels. Use zero to hide all lines and show only the points. You can override values for individual series using the Type: number По умолчанию: 2 |
pointShape | The shape of individual data elements: Type: string Default: 'circle' |
pointSize | Diameter of displayed points in pixels. Use zero to hide all points. You can override values for individual series using the Type: number По умолчанию: 0 |
ряд | An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object
You can specify either an array of objects, each of which applies to the series in the order given,or you can specify an object where each child has a numeric key indicating which series it applies to. For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Type: Array of objects, or object with nested objects По умолчанию: {} |
подзаголовок | Text to display below the chart title. Type: string Default: no title |
subtitleTextStyle | An object that specifies the title text style. The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:
Type: string Default: null |
заголовок | Text to display above the chart. Type: string Default: no title |
titleTextStyle | An object that specifies the title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
treatLabelsAsText | If set to Тип: boolean |
линии тренда | Displays trendlines on the charts that support them. By default, Trendlines are specified on a per-series basis, so most of the time your options will look like this: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, visibleInLegend: true } } } Type: object Default: null |
trendlines.n.color | The color of the trendline , expressed as either an English color name or a hex string. Type: string Default: default series color |
trendlines.n.degree | For trendlines of Type: number Default: 3 |
trendlines.n.labelInLegend | If set, the trendline will appear in the legend as this string. Type: string Default: null |
trendlines.n.lineWidth | The line width of the trendline , in pixels. Type: number По умолчанию: 2 |
trendlines.n.type | Whether the trendlines is Type: string Default: linear |
trendlines.n.visibleInLegend | Whether the trendline equation appears in the legend. It will appear in the trendline tooltip. Тип: boolean По умолчанию: false |
useFirstColumnAsDomain | If set to Тип: boolean |
vAxes | Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a To specify a chart with multiple vertical axes, first define a new axis using { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Type: Array of object, or object with child objects Default: null |
vAxis | An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Type: object Default: null |
vAxis.direction | The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify Type: 1 or -1 Default: 1 |
vAxis.gridlines | An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
vAxis.gridlines.color | The color of the vertical gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
vAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
vAxis.logScale | If Тип: boolean По умолчанию: false |
vAxis.maxValue | Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. Type: number Default: automatic |
vAxis.minorGridlines | An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option. Type: object Default: null |
vAxis.minorGridlines.color | The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
vAxis.minorGridlines.count | The Type: number Default: 1 |
vAxis.minValue | Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. Type: number Default: null |
vAxis.textPosition | Position of the vertical axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
vAxis.textStyle | An object that specifies the vertical axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.title | Specifies a title for the vertical axis. Type: string Default: no title |
vAxis.titleTextStyle | An object that specifies the vertical axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Specifies the cropping range of the vertical axis. Type: object Default: null |
vAxis.viewWindow.max | The maximum vertical data value to render. Ignored when Type: number Default: auto |
vAxis.viewWindow.min | The minimum vertical data value to render. Ignored when Type: number Default: auto |
Stepped area chart configuration options
Имя | |
---|---|
areaOpacity | The default opacity of the colored area under an area chart series, where Type: number , 0.0- 1.0 Default: 0.3 |
backgroundColor | The background color for the main area of the chart. Can be either a simple HTML color string, for example: Type: string or object Default: 'white' |
backgroundColor.fill | The chart fill color, as an HTML color string. Type: string Default: 'white' |
chartArea | An object with members to configure the placement and size of the chart area (where the chart itself is drawn, excluding axis and legends). Two formats are supported: a number, or a number followed by %. A simple number is a value in pixels; a number followed by % is a percentage. Example: Type: object Default: null |
chartArea.backgroundColor | Chart area background color. When a string is used, it can be either a hex string (eg, '#fdc' ) or an English color name. When an object is used, the following properties can be provided:
Type: string or object Default: 'white' |
chartArea.height | Chart area height. Type: number or string Default: auto |
chartArea.left | How far to draw the chart from the left border. Type: number or string Default: auto |
chartArea.top | How far to draw the chart from the top border. Type: number or string Default: auto |
chartArea.width | Chart area width. Type: number or string Default: auto |
цвета | The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: Type: Array of strings Default: default colors |
hAxis | An object with members to configure various horizontal axis elements. To specify properties of this object, you can use object literal notation, as shown here: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Type: object Default: null |
hAxis.direction | The direction in which the values along the horizontal axis grow. Specify Type: 1 or -1 Default: 1 |
hAxis.textPosition | Position of the horizontal axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
hAxis.textStyle | An object that specifies the horizontal axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.title | Type: string Default: null |
hAxis.titleTextStyle | An object that specifies the horizontal axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
hAxis.viewWindow | Specifies the cropping range of the horizontal axis. Type: object Default: null |
hAxis.viewWindow.max | The maximum horizontal data value to render. Ignored when Type: number Default: auto |
hAxis.viewWindow.min | The minimum horizontal data value to render. Ignored when Type: number Default: auto |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
isStacked | If set to The The options for
For 100% stacking, the calculated value for each element will appear in the tooltip after its actual value. The target axis will default to tick values based on the relative 0-1 scale as fractions of 1 for 100% stacking only supports data values of type Type: boolean / string По умолчанию: false |
легенда | An object with members to configure various aspects of the legend. To specify properties of this object, you can use object literal notation, as shown here: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Type: object Default: null |
legend.position | Position of the legend. Can be one of the following:
Type: string Default: 'right' |
legendTextStyle | An object that specifies the legend text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
reverseCategories | If set to This option is only supported for a Тип: boolean По умолчанию: false |
ряд | An array of objects, each describing the format of the corresponding series in the chart. To use default values for a series, specify an empty object
You can specify either an array of objects, each of which applies to the series in the order given, or you can specify an object where each child has a numeric key indicating which series it applies to.For example, the following two declarations are identical, and declare the first series as black and absent from the legend, and the fourth as red and absent from the legend: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } Type: Array of objects, or object with nested objects По умолчанию: {} |
подзаголовок | Text to display below the chart title. Type: string Default: no title |
subtitleTextStyle | An object that specifies the title text style. The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
тема | A theme is a set of predefined option values that work together to achieve a specific chart behavior or visual effect. Currently only one theme is available:
Type: string Default: null |
заголовок | Text to display above the chart. Type: string Default: no title |
titleTextStyle | An object that specifies the title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
treatLabelsAsText | If set to Тип: boolean |
useFirstColumnAsDomain | If set to Тип: boolean |
vAxes | Specifies properties for individual vertical axes, if the chart has multiple vertical axes. Each child object is a To specify a chart with multiple vertical axes, first define a new axis using { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } } This property can be either an object or an array: the object is a collection of objects, each with a numeric label that specifies the axis that it defines--this is the format shown above; the array is an array of objects, one per axis. For example, the following array-style notation is identical to the vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] Type: Array of object, or object with child objects Default: null |
vAxis | An object with members to configure various vertical axis elements. To specify properties of this object, you can use object literal notation, as shown here: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Type: object Default: null |
vAxis.direction | The direction in which the values along the vertical axis grow. By default, low values are on the bottom of the chart. Specify Type: 1 or -1 Default: 1 |
vAxis.gridlines | An object with members to configure the gridlines on the vertical axis. Note that vertical axis gridlines are drawn horizontally. To specify properties of this object, you can use object literal notation, as shown here: {color: '#333', minSpacing: 20} This option is only supported for a Type: object Default: null |
vAxis.gridlines.color | The color of the vertical gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: '#CCC' |
vAxis.gridlines.count | The approximate number of horizontal gridlines inside the chart area. If you specify a positive number for Type: number Default: -1 |
vAxis.logScale | If Тип: boolean По умолчанию: false |
vAxis.maxValue | Moves the max value of the vertical axis to the specified value; this will be upward in most charts. Ignored if this is set to a value smaller than the maximum y-value of the data. Type: number Default: automatic |
vAxis.minorGridlines | An object with members to configure the minor gridlines on the vertical axis, similar to the vAxis.gridlines option. Type: object Default: null |
vAxis.minorGridlines.color | The color of the vertical minor gridlines inside the chart area. Specify a valid HTML color string. Type: string Default: A blend of the gridline and background colors |
vAxis.minorGridlines.count | The Type: number Default: 1 |
vAxis.minValue | Moves the min value of the vertical axis to the specified value; this will be downward in most charts. Ignored if this is set to a value greater than the minimum y-value of the data. Type: number Default: null |
vAxis.textPosition | Position of the vertical axis text, relative to the chart area. Supported values: Type: string Default: 'out' |
vAxis.textStyle | An object that specifies the vertical axis text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.title | Specifies a title for the vertical axis. Type: string Default: no title |
vAxis.titleTextStyle | An object that specifies the vertical axis title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
vAxis.viewWindow | Specifies the cropping range of the vertical axis. Type: object Default: null |
vAxis.viewWindow.max | The maximum vertical data value to render. Ignored when Type: number Default: auto |
vAxis.viewWindow.min | The minimum vertical data value to render. Ignored when Type: number Default: auto |
ширина | Width of the chart in pixels. Type: number Default: width of the containing element |
Table chart configuration options
Имя | |
---|---|
alternatingRowStyle | Determines if an alternating color style will be assigned to odd and even rows. Тип: boolean Default: true |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
страница | If and how to enable paging through the data. Choose one of the following
Type: string Default: 'disable' |
размер страницы | The number of rows in each page, when paging is enabled with the page option. Type: number Default: 10 |
showRowNumber | If set to Тип: boolean По умолчанию: false |
сортировать | If and how to sort columns when the user clicks a column heading. If sorting is enabled, consider setting the
Type: string Default: 'enable' |
sortAscending | The order in which the initial sort column is sorted. Тип: boolean Default: true |
sortColumn | An index of a column in the data table, by which the table is initially sorted. The column is marked with a small arrow indicating the sort order. Type: number Default: -1 |
ширина | Width of the chart in pixels. Type: number Default: width of the containing element |
Timeline configuration options
Имя | |
---|---|
backgroundColor | The background color for the main area of the chart. Can be either a simple HTML color string, for example: Type: string or object Default: 'white' |
цвета | The colors to use for the chart elements. An array of strings, where each element is an HTML color string, for example: Type: Array of strings Default: default colors |
высота | Height of the chart in pixels. Type: number Default: height of the containing element |
ширина | Width of the chart in pixels. Type: number Default: width of the containing element |
Tree map configuration options
Имя | |
---|---|
headerColor | The color of the header section for each node. Specify an HTML color value. Type: string Default: #988f86 |
maxColor | The color for a rectangle with a column 3 value of Type: string Default: #00dd00 |
maxDepth | The maximum number of node levels to show in the current view. Levels are flattened into the current plane. If your tree has more levels than this, you must go up or down to see them. You can additionally see Type: number Default: 1 |
maxPostDepth | How many levels of nodes beyond Type: number По умолчанию: 0 |
midColor | The color for a rectangle with a column 3 value midway between Type: string Default: #000000 |
minColor | The color for a rectangle with the column 3 value of Type: string Default: #dd0000 |
noColor | The color to use for a rectangle when a node has no value for column 3, and that node is a leaf (or contains only leaves). Specify an HTML color value. Type: string Default: #000000 |
подзаголовок | Text to display below the chart title. Type: string Default: no title |
subtitleTextStyle | An object that specifies the title text style. The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
textStyle | An object that specifies the title text style. The color can be any HTML color string, for example: Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |
заголовок | Text to display above the chart. Type: string Default: no title |
titleTextStyle | An object that specifies the title text style. The object has this format: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> } The Type: object Default: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>} |