Class Charts

Paradas

Ponto de entrada para criar gráficos em scripts.

Este exemplo cria uma tabela de dados básica, preenche um gráfico de área com os dados e o adiciona a uma página da Web como uma imagem:

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;
}

Propriedades

Propriedade	Tipo	Descrição
ChartHiddenDimensionStrategy	ChartHiddenDimensionStrategy	Uma enumeração de como as dimensões ocultas em uma fonte são expressas em um gráfico.
ChartMergeStrategy	ChartMergeStrategy	Uma enumeração de como vários intervalos na origem são expressos em um gráfico.
ChartType	ChartType	Uma enumeração de tipos de gráficos compatíveis com o serviço de gráficos.
ColumnType	ColumnType	Uma enumeração dos tipos de dados válidos para colunas em um DataTable.
CurveStyle	CurveStyle	Uma enumeração dos estilos para curvas em um gráfico.
PointStyle	PointStyle	Uma enumeração dos estilos de pontos em uma linha.
Position	Position	Uma enumeração de posições de legenda em um gráfico.

Métodos

Método	Tipo de retorno	Breve descrição
newAreaChart()	AreaChartBuilder	Começa a criar um gráfico de área, conforme descrito na documentação das Ferramentas de gráficos do Google.
newBarChart()	BarChartBuilder	Começa a criar um gráfico de barras, conforme descrito na documentação do Google Chart Tools.
newColumnChart()	ColumnChartBuilder	Começa a criar um gráfico de colunas, conforme descrito na documentação das Ferramentas de gráficos do Google.
newDataTable()	DataTableBuilder	Cria uma tabela de dados vazia, que pode ter os valores definidos manualmente.
newDataViewDefinition()	DataViewDefinitionBuilder	Cria uma definição de visualização de dados.
newLineChart()	LineChartBuilder	Começa a criar um gráfico de linhas, conforme descrito na documentação do Google Chart Tools.
newPieChart()	PieChartBuilder	Começa a criar um gráfico de pizza, conforme descrito na documentação das Ferramentas de gráficos do Google.
newScatterChart()	ScatterChartBuilder	Começa a criar um gráfico de dispersão, conforme descrito na documentação das Ferramentas de gráficos do Google.
newTableChart()	TableChartBuilder	Começa a criar um gráfico de tabela, conforme descrito na documentação do Google Chart Tools.
newTextStyle()	TextStyleBuilder	Cria um novo builder de estilo de texto.

Documentação detalhada

newAreaChart()

Começa a criar um gráfico de área, conforme descrito na documentação das Ferramentas de gráficos do Google.

Retornar

AreaChartBuilder: um AreaChartBuilder, que pode ser usado para criar um gráfico de área.

---

newBarChart()

Começa a criar um gráfico de barras, conforme descrito na documentação do Google Chart Tools.

Retornar

BarChartBuilder: um BarChartBuilder, que pode ser usado para criar um gráfico de barras.

---

newColumnChart()

Começa a criar um gráfico de colunas, conforme descrito na documentação das Ferramentas de gráficos do Google.

Retornar

ColumnChartBuilder: um ColumnChartBuilder, que pode ser usado para criar um gráfico de colunas.

---

newDataTable()

Cria uma tabela de dados vazia, que pode ter os valores definidos manualmente.

As tabelas de dados contêm as informações de todos os tipos de gráficos.

Retornar

DataTableBuilder: um DataTableBuilder, que pode conter dados para gráficos.

---

newDataViewDefinition()

Cria uma definição de visualização de dados.

Use setters para definir as diferentes propriedades da visualização de dados.

Retornar

DataViewDefinitionBuilder: um DataViewDefinitionBuilder, que pode ser usado para criar uma definição de visualização de dados.

---

newLineChart()

Começa a criar um gráfico de linhas, conforme descrito na documentação do Google Chart Tools.

Retornar

LineChartBuilder: um LineChartBuilder, que pode ser usado para criar um gráfico de linhas.

---

newPieChart()

Começa a criar um gráfico de pizza, conforme descrito na documentação das Ferramentas de gráficos do Google.

Retornar

PieChartBuilder: um PieChartBuilder, que pode ser usado para criar um gráfico de pizza.

---

newScatterChart()

Começa a criar um gráfico de dispersão, conforme descrito na documentação das Ferramentas de gráficos do Google.

Retornar

ScatterChartBuilder: um ScatterChartBuilder, que pode ser usado para criar um gráfico de dispersão.

---

newTableChart()

Começa a criar um gráfico de tabela, conforme descrito na documentação do Google Chart Tools.

Retornar

TableChartBuilder: um TableChartBuilder, que pode ser usado para criar um gráfico de tabela.

---

newTextStyle()

Cria um novo builder de estilo de texto.

Para mudar os valores padrão, use as funções setter.

Retornar

TextStyleBuilder: um TextStyleBuilder, que pode ser usado para criar um objeto de configuração de estilo de texto.