Questa pagina è stata tradotta dall'API Cloud Translation.

Class Charts

Punto di ingresso 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 a 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 di come le dimensioni nascoste in un'origine vengono espresse in un grafico.
`ChartMergeStrategy`	`ChartMergeStrategy`	Un'enumerazione di come più intervalli nell'origine sono espressi in un grafico.
`ChartType`	`ChartType`	Un'enumerazione dei tipi di grafici supportati dal servizio Grafici.
`ColumnType`	`ColumnType`	Un'enumerazione dei tipi di dati validi per le colonne in un `DataTable`.
`CurveStyle`	`CurveStyle`	Un'enumerazione degli stili per le 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 nella documentazione degli strumenti di Google Chart.
`newBarChart()`	`BarChartBuilder`	Inizia a creare un grafico a barre, come descritto nella documentazione degli strumenti di Google Chart.
`newColumnChart()`	`ColumnChartBuilder`	Inizia a creare un grafico a colonne, come descritto nella documentazione degli strumenti di Google Chart.
`newDataTable()`	`DataTableBuilder`	Crea una tabella di dati vuota, in cui i valori possono essere impostati manualmente.
`newDataViewDefinition()`	`DataViewDefinitionBuilder`	Crea una nuova definizione di visualizzazione dati.
`newLineChart()`	`LineChartBuilder`	Inizia a creare un grafico a linee, come descritto nella documentazione degli strumenti di Google Chart.
`newPieChart()`	`PieChartBuilder`	Inizia a creare un grafico a torta, come descritto nella documentazione degli strumenti di Google Chart.
`newScatterChart()`	`ScatterChartBuilder`	Inizia a creare un grafico a dispersione, come descritto nella documentazione degli strumenti di Google Chart.
`newTableChart()`	`TableChartBuilder`	Inizia a creare un grafico a tabella, come descritto nella documentazione degli strumenti di Google Chart.
`newTextStyle()`	`TextStyleBuilder`	Crea un nuovo strumento per la creazione di stili di testo.

Documentazione dettagliata

`newAreaChart()`

Inizia a creare un grafico ad area, come descritto nella documentazione degli strumenti di Google Chart.

Ritorni

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

`newBarChart()`

Inizia a creare un grafico a barre, come descritto nella documentazione degli strumenti di Google Chart.

Ritorni

BarChartBuilder: BarChartBuilder, che può essere utilizzato per creare un grafico a barre.

`newColumnChart()`

Inizia a creare un grafico a colonne, come descritto nella documentazione degli strumenti di Google Chart.

Ritorni

ColumnChartBuilder: valore ColumnChartBuilder che può essere utilizzato per creare un grafico a colonne.

`newDataTable()`

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

Le tabelle di dati contengono i dati di tutti i tipi di grafico.

Ritorni

DataTableBuilder: un generatore di tabelle DataTable che può contenere dati per i grafici.

`newDataViewDefinition()`

Crea una nuova definizione di visualizzazione dati.

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

Ritorni

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

`newLineChart()`

Inizia a creare un grafico a linee, come descritto nella documentazione degli strumenti di Google Chart.

Ritorni

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

`newPieChart()`

Inizia a creare un grafico a torta, come descritto nella documentazione degli strumenti di Google Chart.

Ritorni

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

`newScatterChart()`

Inizia a creare un grafico a dispersione, come descritto nella documentazione degli strumenti di Google Chart.

Ritorni

ScatterChartBuilder: un generatore di grafici a dispersione, che può essere utilizzato per creare un grafico a dispersione.

`newTableChart()`

Inizia a creare un grafico a tabella, come descritto nella documentazione degli strumenti di Google Chart.

Ritorni

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

`newTextStyle()`

Crea un nuovo strumento per la creazione di stili di testo.

Per modificare i valori predefiniti, utilizza le funzioni setter.

Ritorni

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