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ásicos, preenche um gráfico de área com os dados e os adiciona em uma página da Web como uma imagem:

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

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 dos tipos de gráfico 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 das posições das legendas em um gráfico.

Métodos

Método	Tipo de retorno	Breve descrição
`newAreaChart()`	`AreaChartBuilder`	Começa a construir um gráfico de área, como descrito no gráfico do Google on-line.
`newBarChart()`	`BarChartBuilder`	Começa a criar um gráfico de barras, conforme descrito no Gráfico do Google on-line.
`newColumnChart()`	`ColumnChartBuilder`	Começa a criar um gráfico de colunas, conforme descrito no Gráfico do Google on-line.
`newDataTable()`	`DataTableBuilder`	Cria uma tabela de dados vazia em que os valores são 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 no Gráfico do Google Ferramentas.
`newPieChart()`	`PieChartBuilder`	Começa a criar um gráfico de pizza, conforme descrito no Gráfico do Google on-line.
`newScatterChart()`	`ScatterChartBuilder`	Começa a criar um gráfico de dispersão, conforme descrito no gráfico do Google Ferramentas.
`newTableChart()`	`TableChartBuilder`	Começa a criar um gráfico de tabela, conforme descrito no Gráfico do Google on-line.
`newTextStyle()`	`TextStyleBuilder`	Cria um novo construtor de estilo de texto.

Documentação detalhada

`newAreaChart()`

Começa a construir um gráfico de área, conforme descrito no Gráfico do Google Ferramentas.

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 no Gráfico do Google Ferramentas.

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 no Gráfico do Google Ferramentas.

Retornar

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

`newDataTable()`

Cria uma tabela de dados vazia em que os valores são definidos manualmente.

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

Retornar

DataTableBuilder: um DataTableBuilder, que pode armazenar 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 no Gráfico do Google Ferramentas.

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 no Gráfico do Google on-line.

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 no gráfico do Google Ferramentas.

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 no Gráfico do Google on-line.

Retornar

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

`newTextStyle()`

Cria um novo construtor 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.