Class Charts

Диаграммы

Точка входа для создания диаграмм в скриптах.

В этом примере создается простая таблица данных, данные заполняются в диаграмму с областями, и она добавляется на веб-страницу в виде изображения:

function doGet() {
  const 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();

  const chart = Charts.newAreaChart()
                    .setDataTable(data)
                    .setStacked()
                    .setRange(0, 40)
                    .setTitle('Sales per Month')
                    .build();

  const htmlOutput = HtmlService.createHtmlOutput().setTitle('My Chart');
  const imageData = Utilities.base64Encode(chart.getAs('image/png').getBytes());
  const imageUrl = `data:image/png;base64,${encodeURI(imageData)}`;
  htmlOutput.append('Render chart server side: <br/>');
  htmlOutput.append(`<img border="1" src="${imageUrl}">`);
  return htmlOutput;
}

Характеристики

Свойство Тип Описание
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 Перечень позиций в легенде на диаграмме.

Методы

Метод Тип возвращаемого значения Краткое описание
new Area Chart() Area Chart Builder Начинает построение диаграммы с областями, как описано в документации Google Chart Tools .
new Bar Chart() Bar Chart Builder Начинает построение столбчатой ​​диаграммы, как описано в документации Google Chart Tools .
new Column Chart() Column Chart Builder Начинает построение столбчатой ​​диаграммы, как описано в документации Google Chart Tools .
new Data Table() Data Table Builder Создает пустую таблицу данных, значения которой можно задать вручную.
new Data View Definition() Data View Definition Builder Создает новое определение представления данных.
new Line Chart() Line Chart Builder Начинает построение линейного графика, как описано в документации Google Chart Tools .
new Pie Chart() Pie Chart Builder Начинает построение круговой диаграммы, как описано в документации Google Chart Tools .
new Scatter Chart() Scatter Chart Builder Начинает построение точечной диаграммы, как описано в документации Google Chart Tools .
new Table Chart() Table Chart Builder Начинает построение табличной диаграммы, как описано в документации Google Chart Tools .
new Text Style() Text Style Builder Создает новый конструктор стилей текста.

Подробная документация

newAreaChart()

Начинает построение диаграммы с областями, как описано в документации Google Chart Tools .

Возвращаться

AreaChartBuilder — это компонент класса AreaChartBuilder, который можно использовать для построения диаграммы с областями.

newBarChart()

Начинает построение столбчатой ​​диаграммы, как описано в документации Google Chart Tools .

Возвращаться

BarChartBuilder — это компонент класса BarChartBuilder, который можно использовать для построения столбчатой ​​диаграммы.

newColumnChart()

Начинает построение столбчатой ​​диаграммы, как описано в документации Google Chart Tools .

Возвращаться

ColumnChartBuilder — это компонент класса ColumnChartBuilder, который можно использовать для построения столбчатой ​​диаграммы.

newDataTable()

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

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

Возвращаться

DataTableBuilder — это компонент класса DataTableBuilder, который может хранить данные для построения диаграмм.

newDataViewDefinition()

Создает новое определение представления данных.

Используйте сеттеры для определения различных свойств представления данных.

Возвращаться

DataViewDefinitionBuilder — это DataViewDefinitionBuilder, который можно использовать для создания определения представления данных.

newLineChart()

Начинает построение линейного графика, как описано в документации Google Chart Tools .

Возвращаться

LineChartBuilder — это компонент класса LineChartBuilder, который можно использовать для построения линейного графика.

newPieChart()

Начинает построение круговой диаграммы, как описано в документации Google Chart Tools .

Возвращаться

PieChartBuilder — это компонент класса PieChartBuilder, который можно использовать для построения круговой диаграммы.

newScatterChart()

Начинает построение точечной диаграммы, как описано в документации Google Chart Tools .

Возвращаться

ScatterChartBuilder — это класс ScatterChartBuilder, который можно использовать для построения точечной диаграммы.

newTableChart()

Начинает построение табличной диаграммы, как описано в документации Google Chart Tools .

Возвращаться

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

newTextStyle()

Создает новый конструктор стилей текста.

Для изменения значений по умолчанию используйте функции-сеттеры.

Возвращаться

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