Questa pagina è stata tradotta dall'API Cloud Translation.

Class Charts

Punto di contatto per la creazione di grafici negli script.

Questo esempio crea una tabella di dati di base, compila un grafico ad area con i dati e li aggiunge in una pagina web sotto forma di immagine:

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

Proprietà

Proprietà	Tipo	Descrizione
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	Un'enumerazione del modo in cui le dimensioni nascoste in un'origine sono espresse in un grafico.
`ChartMergeStrategy`	`ChartMergeStrategy`	Un'enumerazione del modo in cui più intervalli nell'origine sono espressi in un grafico.
`ChartType`	`ChartType`	Un'enumerazione dei tipi di grafici supportati dal servizio americano.
`ColumnType`	`ColumnType`	Un'enumerazione dei tipi di dati validi per le colonne in un `DataTable`.
`CurveStyle`	`CurveStyle`	Un'enumerazione degli stili delle curve in un grafico.
`PointStyle`	`PointStyle`	Un'enumerazione degli stili dei punti in una linea.
`Position`	`Position`	Un'enumerazione delle posizioni della legenda all'interno di un grafico.

Metodi

Metodo	Tipo restituito	Breve descrizione
`newAreaChart()`	`AreaChartBuilder`	Inizia a creare un grafico ad area, come descritto in Google Chart strumenti.
`newBarChart()`	`BarChartBuilder`	Inizia a creare un grafico a barre, come descritto in Google Chart strumenti.
`newColumnChart()`	`ColumnChartBuilder`	Inizia a creare un grafico a colonne, come descritto in Google Chart strumenti.
`newDataTable()`	`DataTableBuilder`	Crea una tabella di dati vuota i cui valori possono essere impostati manualmente.
`newDataViewDefinition()`	`DataViewDefinitionBuilder`	Crea una nuova definizione della vista dati.
`newLineChart()`	`LineChartBuilder`	Inizia a creare un grafico a linee, come descritto in Google Chart strumenti.
`newPieChart()`	`PieChartBuilder`	Inizia a creare un grafico a torta, come descritto in Google Chart strumenti.
`newScatterChart()`	`ScatterChartBuilder`	Inizia a creare un grafico a dispersione, come descritto in Google Chart strumenti.
`newTableChart()`	`TableChartBuilder`	Inizia a creare un grafico a tabella, come descritto in Google Chart strumenti.
`newTextStyle()`	`TextStyleBuilder`	Crea un nuovo generatore di stili di testo.

Documentazione dettagliata

`newAreaChart()`

Inizia a creare un grafico ad area, come descritto in Google Chart strumenti.

Invio

AreaChartBuilder: un AreaChartBuilder, che può essere utilizzato per creare un grafico ad area.

`newBarChart()`

Inizia a creare un grafico a barre, come descritto in Google Chart strumenti.

Invio

BarChartBuilder: una barra BarChartBuilder, che può essere utilizzata per creare un grafico a barre.

`newColumnChart()`

Inizia a creare un grafico a colonne, come descritto in Google Chart strumenti.

Invio

ColumnChartBuilder: un ColumnChartBuilder, utilizzabile per creare un grafico a colonne.

`newDataTable()`

Crea una tabella di dati vuota i cui valori possono essere impostati manualmente.

Le tabelle di dati contengono i dati per tutti i tipi di grafici.

Invio

DataTableBuilder: un oggetto DataTableBuilder, che può contenere dati per i grafici.

`newDataViewDefinition()`

Crea una nuova definizione della vista dati.

Utilizza i setter per definire le diverse proprietà della vista dati.

Invio

DataViewDefinitionBuilder: un DataViewDefinitionBuilder, che può essere utilizzato per creare una definizione della vista dati.

`newLineChart()`

Inizia a creare un grafico a linee, come descritto in Google Chart strumenti.

Invio

LineChartBuilder: un LineChartBuilder, che può essere utilizzato per creare un grafico a linee.

`newPieChart()`

Inizia a creare un grafico a torta, come descritto in Google Chart strumenti.

Invio

PieChartBuilder: un PieChartBuilder, che può essere utilizzato per creare un grafico a torta.

`newScatterChart()`

Inizia a creare un grafico a dispersione, come descritto in Google Chart strumenti.

Invio

ScatterChartBuilder: uno ScatterChartBuilder, che può essere utilizzato per creare un grafico a dispersione.

`newTableChart()`

Inizia a creare un grafico a tabella, come descritto in Google Chart strumenti.

Invio

TableChartBuilder: un TableChartBuilder, che può essere utilizzato per creare un grafico a tabella.

`newTextStyle()`

Crea un nuovo generatore di stili di testo.

Per modificare i valori predefiniti, utilizza le funzioni di impostazione.

Invio

TextStyleBuilder: uno TextStyleBuilder, che può essere utilizzato per creare un oggetto di configurazione in stile testo.