Esta página foi traduzida pela API Cloud Translation.

Class Charts

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 os 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 origem 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 aceitos pelo 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 de 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 das Ferramentas de gráficos do Google.
`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 nova definição de visualização de dados.
`newLineChart()`	`LineChartBuilder`	Começa a criar um gráfico de linhas, conforme descrito na documentação das Ferramentas de gráficos do Google.
`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 das Ferramentas de gráficos do Google.
`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 das Ferramentas de gráficos do Google.

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 armazenam os dados de todos os tipos de gráfico.

Retornar

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

`newDataViewDefinition()`

Cria uma nova 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 das Ferramentas de gráficos do Google.

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 das Ferramentas de gráficos do Google.

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 de definição.

Retornar

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