Отправить отзыв
Charts Service
Оптимизируйте свои подборки
Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Графики
Этот сервис позволяет пользователям создавать диаграммы с помощью инструментов Google Charts Tools и отображать их на стороне сервера. Если вы хотите отображать диаграммы в веб-браузере, используйте вместо этого 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 ;
} Классы Имя Краткое описание Area Chart Builder Построитель диаграмм с областями. Bar Chart Builder Построитель гистограмм. Chart Объект Chart, который можно преобразовать в статическое изображение. Chart Hidden Dimension Strategy Перечисление того, как скрытые измерения в источнике выражаются на диаграмме. Chart Merge Strategy Перечисление того, как несколько диапазонов в источнике выражаются на диаграмме. Chart Options Предоставляет параметры, настроенные в данный момент для Chart , такие как высота, цвет и т. д. Chart Type Типы диаграмм, поддерживаемые службой диаграмм. Charts Точка входа для создания диаграмм в скриптах. Column Chart Builder Построитель столбчатых диаграмм. Column Type Перечисление допустимых типов данных для столбцов в Data Table . Curve Style Перечень стилей кривых на диаграмме. Data Table Таблица данных для использования в диаграммах. Data Table Builder Построитель объектов DataTable. Data Table Source Интерфейс для объектов, которые могут представлять свои данные в виде Data Table . Data View Definition Определение представления данных для визуализации данных диаграммы. Data View Definition Builder Построитель объектов Data View Definition . Line Chart Builder Построитель линейных графиков. Match Type Перечисление того, как должно сопоставляться строковое значение. Number Range Filter Builder Конструктор элементов управления фильтрами диапазона номеров. Orientation Перечисление ориентации объекта. Picker Values Layout Перечисление способов отображения выбранных значений в виджете выбора. Pie Chart Builder Конструктор круговых диаграмм. Point Style Перечисление стилей точек на линии. Position Перечисление позиций легенды на диаграмме. Scatter Chart Builder Построитель точечных диаграмм. String Filter Builder Конструктор элементов управления строковым фильтром. Table Chart Builder Конструктор табличных диаграмм. Text Style Объект конфигурации текстового стиля. Text Style Builder Построитель, используемый для создания объектов Text Style .
Методы Метод Тип возврата Краткое описание 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 Верните данные внутри этого объекта в виде большого двоичного объекта, преобразованного в указанный тип контента. get 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 Перечисление типов диаграмм, поддерживаемых службой диаграмм. 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 Углы линии сглажены.
Методы Метод Тип возврата Краткое описание 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 Выбранные значения отображаются в столбце под виджетом.
Характеристики Свойство Тип Описание 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 и ее аффилированных лиц.
Последнее обновление: 2025-07-24 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"]],["Последнее обновление: 2025-07-24 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"]]