Отправить отзыв
Charts Service
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Диаграммы
Этот сервис позволяет пользователям создавать диаграммы с помощью инструментов Google Charts и отображать их на стороне сервера. Если вы хотите отображать диаграммы в веб-браузере, используйте вместо этого API Google Charts .
В этом примере создается простая таблица данных, данные заполняются в диаграмму с областями, и она добавляется на веб-страницу в виде изображения:
function doGet () {
var data = Charts . newDataTable ()
. addColumn ( Charts . ColumnType . STRING , 'Month' )
. addColumn ( Charts . ColumnType . NUMBER , 'In Store' )
. addColumn ( Charts . ColumnType . NUMBER , 'Online' )
. addRow ([ 'January' , 10 , 1 ])
. addRow ([ 'February' , 12 , 1 ])
. addRow ([ 'March' , 20 , 2 ])
. addRow ([ 'April' , 25 , 3 ])
. addRow ([ 'May' , 30 , 4 ])
. build ();
var chart = Charts . newAreaChart ()
. setDataTable ( data )
. setStacked ()
. setRange ( 0 , 40 )
. setTitle ( 'Sales per Month' )
. build ();
var htmlOutput = HtmlService . createHtmlOutput () . setTitle ( 'My Chart' );
var imageData = Utilities . base64Encode ( chart . getAs ( 'image/png' ) . getBytes ());
var imageUrl = "data:image/png;base64," + encodeURI ( imageData );
htmlOutput . append ( "Render chart server side: <br/>" );
htmlOutput . append ( "<img border= \" 1 \" src= \" " + imageUrl + " \" >" );
return htmlOutput ;
} Классы Методы Метод Тип возвращаемого значения Краткое описание build() Chart Создаёт диаграмму. reverse Categories() Area Chart Builder Изменяет направление построения рядов относительно оси области определения. set Background Color(cssValue) Area Chart Builder Задает цвет фона для диаграммы. set Colors(cssValues) Area Chart Builder Задает цвета для линий на диаграмме. set Data Source Url(url) Area Chart Builder Задает URL-адрес источника данных, который используется для получения данных из внешнего источника, например, Google Таблиц. set Data Table(tableBuilder) Area Chart Builder Задает таблицу данных, используемую для построения диаграммы, с помощью DataTableBuilder. set Data Table(table) Area Chart Builder Задает таблицу данных, содержащую линии для диаграммы, а также подписи к оси X. set Data View Definition(dataViewDefinition) Area Chart Builder Задает определение представления данных, которое будет использоваться для диаграммы. set Dimensions(width, height) Area Chart Builder Задает размеры диаграммы. set Legend Position(position) Area Chart Builder Задает положение легенды относительно диаграммы. set Legend Text Style(textStyle) Area Chart Builder Задает стиль текста легенды диаграммы. set Option(option, value) Area Chart Builder Задает дополнительные параметры для этой диаграммы. set Point Style(style) Area Chart Builder Задает стиль для точек на линии. set Range(start, end) Area Chart Builder Задает диапазон для диаграммы. set Stacked() Area Chart Builder Используется линейная диаграмма с накоплением, то есть значения линии и столбца суммируются (накапливаются). set Title(chartTitle) Area Chart Builder Задает заголовок диаграммы. set Title Text Style(textStyle) Area Chart Builder Задает стиль текста заголовка диаграммы. set XAxis Text Style(textStyle) Area Chart Builder Задает стиль текста по горизонтальной оси. set XAxis Title(title) Area Chart Builder Добавляет заголовок к горизонтальной оси. set XAxis Title Text Style(textStyle) Area Chart Builder Задает стиль текста заголовка по горизонтальной оси. set YAxis Text Style(textStyle) Area Chart Builder Задает стиль текста по вертикальной оси. set YAxis Title(title) Area Chart Builder Добавляет заголовок к вертикальной оси. set YAxis Title Text Style(textStyle) Area Chart Builder Задает стиль текста заголовка по вертикальной оси. use Log Scale() Area Chart Builder Преобразует ось диапазона в логарифмическую шкалу (требует, чтобы все значения были положительными).
Методы Метод Тип возвращаемого значения Краткое описание build() Chart Создаёт диаграмму. reverse Categories() Bar Chart Builder Изменяет направление построения рядов относительно оси области определения. reverse Direction() Bar Chart Builder Изменяет направление роста стержней вдоль горизонтальной оси. set Background Color(cssValue) Bar Chart Builder Задает цвет фона для диаграммы. set Colors(cssValues) Bar Chart Builder Задает цвета для линий на диаграмме. set Data Source Url(url) Bar Chart Builder Задает URL-адрес источника данных, который используется для получения данных из внешнего источника, например, Google Таблиц. set Data Table(tableBuilder) Bar Chart Builder Задает таблицу данных, используемую для построения диаграммы, с помощью DataTableBuilder. set Data Table(table) Bar Chart Builder Задает таблицу данных, содержащую линии для диаграммы, а также подписи к оси X. set Data View Definition(dataViewDefinition) Bar Chart Builder Задает определение представления данных, которое будет использоваться для диаграммы. set Dimensions(width, height) Bar Chart Builder Задает размеры диаграммы. set Legend Position(position) Bar Chart Builder Задает положение легенды относительно диаграммы. set Legend Text Style(textStyle) Bar Chart Builder Задает стиль текста легенды диаграммы. set Option(option, value) Bar Chart Builder Задает дополнительные параметры для этой диаграммы. set Range(start, end) Bar Chart Builder Задает диапазон для диаграммы. set Stacked() Bar Chart Builder Используется линейная диаграмма с накоплением, то есть значения линии и столбца суммируются (накапливаются). set Title(chartTitle) Bar Chart Builder Задает заголовок диаграммы. set Title Text Style(textStyle) Bar Chart Builder Задает стиль текста заголовка диаграммы. set XAxis Text Style(textStyle) Bar Chart Builder Задает стиль текста по горизонтальной оси. set XAxis Title(title) Bar Chart Builder Добавляет заголовок к горизонтальной оси. set XAxis Title Text Style(textStyle) Bar Chart Builder Задает стиль текста заголовка по горизонтальной оси. set YAxis Text Style(textStyle) Bar Chart Builder Задает стиль текста по вертикальной оси. set YAxis Title(title) Bar Chart Builder Добавляет заголовок к вертикальной оси. set YAxis Title Text Style(textStyle) Bar Chart Builder Задает стиль текста заголовка по вертикальной оси. use Log Scale() Bar Chart Builder Преобразует ось диапазона в логарифмическую шкалу (требует, чтобы все значения были положительными).
Методы Метод Тип возвращаемого значения Краткое описание get As(contentType) Blob Возвращает данные, содержащиеся в этом объекте, в виде двоичных данных (blob), преобразованных в указанный тип содержимого. get Blob() Blob Возвращает данные, содержащиеся в этом объекте, в виде двоичных данных (blob). get Options() Chart Options Возвращает параметры для этой диаграммы, такие как высота, цвета и оси.
Характеристики Свойство Тип Описание IGNORE_BOTH Enum По умолчанию диаграммы пропускают все скрытые столбцы и скрытые строки. IGNORE_ROWS Enum Диаграммы пропускают только скрытые строки. IGNORE_COLUMNS Enum Диаграммы пропускают только скрытые столбцы. SHOW_BOTH Enum Диаграммы не пропускают скрытые столбцы или скрытые строки.
Характеристики Свойство Тип Описание MERGE_COLUMNS Enum По умолчанию. MERGE_ROWS Enum Функция "Диаграммы" объединяет строки нескольких диапазонов.
Методы Метод Тип возвращаемого значения Краткое описание get(option) Object Возвращает настроенный параметр для этой диаграммы. get Or Default(option) Object Возвращает настроенный параметр для этой диаграммы.
Характеристики Свойство Тип Описание TIMELINE Enum Хронологическая диаграмма. AREA Enum Диаграмма площадей BAR Enum Гистограмма BUBBLE Enum Пузырьковая диаграмма. CANDLESTICK Enum Свечный график. COLUMN Enum Столбчатая диаграмма COMBO Enum Таблица комбо GAUGE Enum Диаграмма уровня. GEO Enum Географическая карта. HISTOGRAM Enum Гистограмма RADAR Enum Радарная карта. LINE Enum Линейный график ORG Enum Организационная схема. PIE Enum Круговая диаграмма SCATTER Enum Диаграмма рассеяния SPARKLINE Enum Спарклайн-диаграмма. STEPPED_AREA Enum Диаграмма ступенчатых областей. TABLE Enum Табличная диаграмма TREEMAP Enum Диаграмма типа «древовидная карта». WATERFALL Enum Диаграмма водопада.
Характеристики Свойство Тип Описание Chart Hidden Dimension Strategy Chart Hidden Dimension Strategy Перечисление способов отображения скрытых измерений в источнике на диаграмме. Chart Merge Strategy Chart Merge Strategy Перечисление способов отображения нескольких диапазонов в исходных данных на диаграмме. Chart Type Chart Type Перечень типов диаграмм, поддерживаемых службой Charts. Column Type Column Type Перечень допустимых типов данных для столбцов в Data Table . Curve Style Curve Style Перечень стилей кривых на графике. Point Style Point Style Перечень типов точек на прямой. Position Position Перечень позиций в легенде на диаграмме.
Методы Метод Тип возвращаемого значения Краткое описание build() Chart Создаёт диаграмму. reverse Categories() Column Chart Builder Изменяет направление построения рядов относительно оси области определения. set Background Color(cssValue) Column Chart Builder Задает цвет фона для диаграммы. set Colors(cssValues) Column Chart Builder Задает цвета для линий на диаграмме. set Data Source Url(url) Column Chart Builder Задает URL-адрес источника данных, который используется для получения данных из внешнего источника, например, Google Таблиц. set Data Table(tableBuilder) Column Chart Builder Задает таблицу данных, используемую для построения диаграммы, с помощью DataTableBuilder. set Data Table(table) Column Chart Builder Задает таблицу данных, содержащую линии для диаграммы, а также подписи к оси X. set Data View Definition(dataViewDefinition) Column Chart Builder Задает определение представления данных, которое будет использоваться для диаграммы. set Dimensions(width, height) Column Chart Builder Задает размеры диаграммы. set Legend Position(position) Column Chart Builder Задает положение легенды относительно диаграммы. set Legend Text Style(textStyle) Column Chart Builder Задает стиль текста легенды диаграммы. set Option(option, value) Column Chart Builder Задает дополнительные параметры для этой диаграммы. set Range(start, end) Column Chart Builder Задает диапазон для диаграммы. set Stacked() Column Chart Builder Используется линейная диаграмма с накоплением, то есть значения линии и столбца суммируются (накапливаются). set Title(chartTitle) Column Chart Builder Задает заголовок диаграммы. set Title Text Style(textStyle) Column Chart Builder Задает стиль текста заголовка диаграммы. set XAxis Text Style(textStyle) Column Chart Builder Задает стиль текста по горизонтальной оси. set XAxis Title(title) Column Chart Builder Добавляет заголовок к горизонтальной оси. set XAxis Title Text Style(textStyle) Column Chart Builder Задает стиль текста заголовка по горизонтальной оси. set YAxis Text Style(textStyle) Column Chart Builder Задает стиль текста по вертикальной оси. set YAxis Title(title) Column Chart Builder Добавляет заголовок к вертикальной оси. set YAxis Title Text Style(textStyle) Column Chart Builder Задает стиль текста заголовка по вертикальной оси. use Log Scale() Column Chart Builder Преобразует ось диапазона в логарифмическую шкалу (требует, чтобы все значения были положительными).
Характеристики Свойство Тип Описание DATE Enum Соответствует значениям дат. NUMBER Enum Соответствует числовым значениям. STRING Enum Соответствует строковым значениям.
Характеристики Свойство Тип Описание NORMAL Enum Прямые линии без изгибов. SMOOTH Enum Углы линии сглаживаются.
Методы Метод Тип возвращаемого значения Краткое описание get Data Table() Data Table Возвращает данные из этого объекта в виде DataTable.
Методы Метод Тип возвращаемого значения Краткое описание build() Chart Создаёт диаграмму. reverse Categories() Line Chart Builder Изменяет направление построения рядов относительно оси области определения. set Background Color(cssValue) Line Chart Builder Задает цвет фона для диаграммы. set Colors(cssValues) Line Chart Builder Задает цвета для линий на диаграмме. set Curve Style(style) Line Chart Builder Задает стиль, используемый для кривых на диаграмме. set Data Source Url(url) Line Chart Builder Задает URL-адрес источника данных, который используется для получения данных из внешнего источника, например, Google Таблиц. set Data Table(tableBuilder) Line Chart Builder Задает таблицу данных, используемую для построения диаграммы, с помощью DataTableBuilder. set Data Table(table) Line Chart Builder Задает таблицу данных, содержащую линии для диаграммы, а также подписи к оси X. set Data View Definition(dataViewDefinition) Line Chart Builder Задает определение представления данных, которое будет использоваться для диаграммы. set Dimensions(width, height) Line Chart Builder Задает размеры диаграммы. set Legend Position(position) Line Chart Builder Задает положение легенды относительно диаграммы. set Legend Text Style(textStyle) Line Chart Builder Задает стиль текста легенды диаграммы. set Option(option, value) Line Chart Builder Задает дополнительные параметры для этой диаграммы. set Point Style(style) Line Chart Builder Задает стиль для точек на линии. set Range(start, end) Line Chart Builder Задает диапазон для диаграммы. set Title(chartTitle) Line Chart Builder Задает заголовок диаграммы. set Title Text Style(textStyle) Line Chart Builder Задает стиль текста заголовка диаграммы. set XAxis Text Style(textStyle) Line Chart Builder Задает стиль текста по горизонтальной оси. set XAxis Title(title) Line Chart Builder Добавляет заголовок к горизонтальной оси. set XAxis Title Text Style(textStyle) Line Chart Builder Задает стиль текста заголовка по горизонтальной оси. set YAxis Text Style(textStyle) Line Chart Builder Задает стиль текста по вертикальной оси. set YAxis Title(title) Line Chart Builder Добавляет заголовок к вертикальной оси. set YAxis Title Text Style(textStyle) Line Chart Builder Задает стиль текста заголовка по вертикальной оси. use Log Scale() Line Chart Builder Преобразует ось диапазона в логарифмическую шкалу (требует, чтобы все значения были положительными).
Характеристики Свойство Тип Описание EXACT Enum Сопоставляйте только точные значения. PREFIX Enum Сопоставление префиксов, начиная с начала значения. ANY Enum Сопоставьте любую подстроку
Методы Метод Тип возвращаемого значения Краткое описание get Name() String Возвращает имя типа соответствия, который будет использоваться в JSON-файле параметров.
Характеристики Свойство Тип Описание HORIZONTAL Enum Горизонтальная ориентация. VERTICAL Enum Вертикальная ориентация.
Характеристики Свойство Тип Описание ASIDE Enum Выбранные значения отображаются в одной текстовой строке рядом с виджетом выбора значения. BELOW Enum Выбранные значения отображаются в одной текстовой строке под виджетом. BELOW_WRAPPING Enum Аналогично приведенному ниже примеру, но записи, которые не помещаются в поле выбора, переносятся на новую строку. BELOW_STACKED Enum Выбранные значения отображаются в столбце под виджетом.
Методы Метод Тип возвращаемого значения Краткое описание build() Chart Создаёт диаграмму. reverse Categories() Pie Chart Builder Изменяет направление построения рядов относительно оси области определения. set3D() Pie Chart Builder Задает трехмерный формат графика. set Background Color(cssValue) Pie Chart Builder Задает цвет фона для диаграммы. set Colors(cssValues) Pie Chart Builder Задает цвета для линий на диаграмме. set Data Source Url(url) Pie Chart Builder Задает URL-адрес источника данных, который используется для получения данных из внешнего источника, например, Google Таблиц. set Data Table(tableBuilder) Pie Chart Builder Задает таблицу данных, используемую для построения диаграммы, с помощью DataTableBuilder. set Data Table(table) Pie Chart Builder Задает таблицу данных, содержащую линии для диаграммы, а также подписи к оси X. set Data View Definition(dataViewDefinition) Pie Chart Builder Задает определение представления данных, которое будет использоваться для диаграммы. set Dimensions(width, height) Pie Chart Builder Задает размеры диаграммы. set Legend Position(position) Pie Chart Builder Задает положение легенды относительно диаграммы. set Legend Text Style(textStyle) Pie Chart Builder Задает стиль текста легенды диаграммы. set Option(option, value) Pie Chart Builder Задает дополнительные параметры для этой диаграммы. set Title(chartTitle) Pie Chart Builder Задает заголовок диаграммы. set Title Text Style(textStyle) Pie Chart Builder Задает стиль текста заголовка диаграммы.
Характеристики Свойство Тип Описание NONE Enum Не отображать точки на линиях. TINY Enum Используйте очень мелкие линейные точки. MEDIUM Enum Используйте линейные точки среднего размера. LARGE Enum Используйте крупные линейные точки. HUGE Enum Используйте точки наибольшего размера.
Характеристики Свойство Тип Описание TOP Enum Над диаграммой. RIGHT Enum Справа от диаграммы. BOTTOM Enum Ниже диаграммы. NONE Enum Легенда не отображается.
Методы Метод Тип возвращаемого значения Краткое описание build() Chart Создаёт диаграмму. set Background Color(cssValue) Scatter Chart Builder Задает цвет фона для диаграммы. set Colors(cssValues) Scatter Chart Builder Задает цвета для линий на диаграмме. set Data Source Url(url) Scatter Chart Builder Задает URL-адрес источника данных, который используется для получения данных из внешнего источника, например, Google Таблиц. set Data Table(tableBuilder) Scatter Chart Builder Задает таблицу данных, используемую для построения диаграммы, с помощью DataTableBuilder. set Data Table(table) Scatter Chart Builder Задает таблицу данных, содержащую линии для диаграммы, а также подписи к оси X. set Data View Definition(dataViewDefinition) Scatter Chart Builder Задает определение представления данных, которое будет использоваться для диаграммы. set Dimensions(width, height) Scatter Chart Builder Задает размеры диаграммы. set Legend Position(position) Scatter Chart Builder Задает положение легенды относительно диаграммы. set Legend Text Style(textStyle) Scatter Chart Builder Задает стиль текста легенды диаграммы. set Option(option, value) Scatter Chart Builder Задает дополнительные параметры для этой диаграммы. set Point Style(style) Scatter Chart Builder Задает стиль для точек на линии. set Title(chartTitle) Scatter Chart Builder Задает заголовок диаграммы. set Title Text Style(textStyle) Scatter Chart Builder Задает стиль текста заголовка диаграммы. set XAxis Log Scale() Scatter Chart Builder Преобразует горизонтальную ось в логарифмическую шкалу (требует, чтобы все значения были положительными). set XAxis Range(start, end) Scatter Chart Builder Задает диапазон для горизонтальной оси диаграммы. set XAxis Text Style(textStyle) Scatter Chart Builder Задает стиль текста по горизонтальной оси. set XAxis Title(title) Scatter Chart Builder Добавляет заголовок к горизонтальной оси. set XAxis Title Text Style(textStyle) Scatter Chart Builder Задает стиль текста заголовка по горизонтальной оси. set YAxis Log Scale() Scatter Chart Builder Преобразует вертикальную ось в логарифмическую шкалу (требует, чтобы все значения были положительными). set YAxis Range(start, end) Scatter Chart Builder Задает диапазон для вертикальной оси диаграммы. set YAxis Text Style(textStyle) Scatter Chart Builder Задает стиль текста по вертикальной оси. set YAxis Title(title) Scatter Chart Builder Добавляет заголовок к вертикальной оси. set YAxis Title Text Style(textStyle) Scatter Chart Builder Задает стиль текста заголовка по вертикальной оси.
Методы Метод Тип возвращаемого значения Краткое описание build() Chart Создаёт диаграмму. enable Paging(enablePaging) Table Chart Builder Определяет, следует ли включать постраничную навигацию по данным. enable Paging(pageSize) Table Chart Builder Включает постраничную навигацию и задает количество строк на каждой странице. enable Paging(pageSize, startPage) Table Chart Builder Включает постраничную навигацию, задает количество строк на каждой странице и первую отображаемую страницу таблицы (нумерация страниц начинается с нуля). enable Rtl Table(rtlEnabled) Table Chart Builder Добавляет базовую поддержку языков с письмом справа налево (таких как арабский или иврит), изменяя порядок столбцов таблицы таким образом, что нулевой столбец становится крайним правым, а последний — крайним левым. enable Sorting(enableSorting) Table Chart Builder Определяет, следует ли сортировать столбцы при щелчке пользователя по заголовку столбца. set Data Source Url(url) Table Chart Builder Задает URL-адрес источника данных, который используется для получения данных из внешнего источника, например, Google Таблиц. set Data Table(tableBuilder) Table Chart Builder Задает таблицу данных, используемую для построения диаграммы, с помощью DataTableBuilder. set Data Table(table) Table Chart Builder Задает таблицу данных, содержащую линии для диаграммы, а также подписи к оси X. set Data View Definition(dataViewDefinition) Table Chart Builder Задает определение представления данных, которое будет использоваться для диаграммы. set Dimensions(width, height) Table Chart Builder Задает размеры диаграммы. set First Row Number(number) Table Chart Builder Устанавливает номер строки для первой строки в таблице данных. set Initial Sorting Ascending(column) Table Chart Builder Задает индекс столбца, по которому таблица должна быть отсортирована в начале (по возрастанию). set Initial Sorting Descending(column) Table Chart Builder Задает индекс столбца, по которому таблица должна быть отсортирована в начале (по убыванию). set Option(option, value) Table Chart Builder Задает дополнительные параметры для этой диаграммы. show Row Number Column(showRowNumber) Table Chart Builder Определяет, следует ли отображать номер строки в первом столбце таблицы. use Alternating Row Style(alternate) Table Chart Builder Определяет, будет ли чередующийся цветовой стиль назначаться нечетным и четным строкам табличной диаграммы.
Методы Метод Тип возвращаемого значения Краткое описание get Color() String Получает цвет стиля текста. get Font Name() String Получает название шрифта стиля текста. get Font Size() Number Получает размер шрифта стиля текста.
Отправить отзыв
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons "С указанием авторства 4.0" , а примеры кода – по лицензии Apache 2.0 . Подробнее об этом написано в правилах сайта . Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2026-04-13 UTC.
Хотите рассказать подробнее?
[[["Прост для понимания","easyToUnderstand","thumb-up"],["Помог мне решить мою проблему","solvedMyProblem","thumb-up"],["Другое","otherUp","thumb-up"]],[["Отсутствует нужная мне информация","missingTheInformationINeed","thumb-down"],["Слишком сложен/слишком много шагов","tooComplicatedTooManySteps","thumb-down"],["Устарел","outOfDate","thumb-down"],["Проблема с переводом текста","translationIssue","thumb-down"],["Проблемы образцов/кода","samplesCodeIssue","thumb-down"],["Другое","otherDown","thumb-down"]],["Последнее обновление: 2026-04-13 UTC."],[],["This service renders server-side charts using Google Charts Tools. Users create charts through builders like `AreaChartBuilder`, `BarChartBuilder`, etc. Data is structured in `DataTable` objects via `DataTableBuilder`. Charts can be converted to static images using `Chart.getAs()`. Customization includes setting colors, titles, dimensions, legends, axis styles, and data ranges. `ChartOptions` allow for advanced configurations. The `Charts` class provides the creation entry point and enums define chart, data, and styling options.\n"]]