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 os adiciona a 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

PropriedadeTipoDescrição
ChartHiddenDimensionStrategyChartHiddenDimensionStrategyUma enumeração de como as dimensões ocultas em uma fonte são expressas em um gráfico.
ChartMergeStrategyChartMergeStrategyUma enumeração de como vários intervalos na origem são expressos em um gráfico.
ChartTypeChartTypeUma enumeração dos tipos de gráficos compatíveis com o serviço de gráficos.
ColumnTypeColumnTypeUma enumeração dos tipos de dados válidos para colunas em uma DataTable.
CurveStyleCurveStyleUma enumeração dos estilos para curvas em um gráfico.
PointStylePointStyleUma enumeração dos estilos de pontos em uma linha.
PositionPositionUma enumeração de posições de legendas em um gráfico.

Métodos

MétodoTipo de retornoBreve descrição
newAreaChart()AreaChartBuilderComeça a criar um gráfico de área, conforme descrito na documentação das Ferramentas de gráficos do Google.
newBarChart()BarChartBuilderComeça a criar um gráfico de barras, conforme descrito na documentação das Ferramentas de gráficos do Google.
newColumnChart()ColumnChartBuilderComeça a criar um gráfico de colunas, conforme descrito na documentação das Ferramentas de gráficos do Google.
newDataTable()DataTableBuilderCria uma tabela de dados vazia, que pode ter os valores definidos manualmente.
newDataViewDefinition()DataViewDefinitionBuilderCria uma nova definição de visualização de dados.
newLineChart()LineChartBuilderComeça a criar um gráfico de linhas, conforme descrito na documentação das Ferramentas de gráficos do Google.
newPieChart()PieChartBuilderComeça a criar um gráfico de pizza, conforme descrito na documentação das Ferramentas de gráficos do Google.
newScatterChart()ScatterChartBuilderComeça a criar um gráfico de dispersão, conforme descrito na documentação das Ferramentas de gráficos do Google.
newTableChart()TableChartBuilderComeça a criar um gráfico de tabela, conforme descrito na documentação das Ferramentas de gráficos do Google.
newTextStyle()TextStyleBuilderGera um novo criador 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.

Retorno

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.

Retorno

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.

Retorno

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

Retorno

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.

Retorno

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.

Retorno

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.

Retorno

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.

Retorno

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.

Retorno

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


newTextStyle()

Gera um novo criador de estilo de texto.

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

Retorno

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