Class Charts

Classifiche

Punto di accesso 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 lo aggiunge a una pagina web come immagine:

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 di come le dimensioni nascoste in un'origine vengono espresse in un grafico.
ChartMergeStrategy	ChartMergeStrategy	Un'enumerazione di come vengono espresse più intervalli nell'origine 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 di 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 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 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()

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

Indietro

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.

Indietro

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.

Indietro

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

---

newDataTable()

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

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

Indietro

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

---

newDataViewDefinition()

Crea una nuova definizione di visualizzazione dei dati.

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

Indietro

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.

Indietro

LineChartBuilder: un 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.

Indietro

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.

Indietro

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.

Indietro

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 setter.

Indietro

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