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 a area con i dati e li aggiunge come immagine a una pagina web:

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

Proprietà

Proprietà	Tipo	Descrizione
`ChartHiddenDimensionStrategy`	`ChartHiddenDimensionStrategy`	Un'enumerazione del modo in cui le dimensioni nascoste in un'origine vengono espresse in un grafico.
`ChartMergeStrategy`	`ChartMergeStrategy`	Un'enumerazione di come più intervalli nell'origine vengono 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 delle leggende all'interno di un grafico.

Metodi

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

Documentazione dettagliata

`newAreaChart()`

Avvia la creazione di un grafico a aree, come descritto nella documentazione di Google Chart Tools.

Invio

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

`newBarChart()`

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

Invio

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

`newColumnChart()`

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

Invio

ColumnChartBuilder: un oggetto ColumnChartBuilder che può essere utilizzato 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 DataTableBuilder che può contenere i dati per i grafici.

`newDataViewDefinition()`

Crea una nuova definizione di visualizzazione dei dati.

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

Invio

DataViewDefinitionBuilder: un DataViewDefinitionBuilder, che può essere utilizzato per creare una definizione di visualizzazione dei dati.

`newLineChart()`

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

Invio

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

`newPieChart()`

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

Invio

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

`newScatterChart()`

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

Invio

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

`newTableChart()`

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

Invio

TableChartBuilder: un oggetto 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: un oggetto TextStyleBuilder, che può essere utilizzato per creare un oggetto di configurazione dello stile di testo.