Class Charts

Top des titres

Point d'entrée pour créer des graphiques dans les scripts.

Cet exemple crée un tableau de données de base, remplit un graphique en aires avec les données et l'ajoute à une page Web sous forme d'image :

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

Propriétés

Propriété	Type	Description
ChartHiddenDimensionStrategy	ChartHiddenDimensionStrategy	Énumération de la façon dont les dimensions masquées d'une source sont exprimées dans un graphique.
ChartMergeStrategy	ChartMergeStrategy	Énumération de la façon dont plusieurs plages de la source sont exprimées dans un graphique.
ChartType	ChartType	Énumération des types de graphiques compatibles avec le service Charts.
ColumnType	ColumnType	Énumération des types de données valides pour les colonnes d'un DataTable.
CurveStyle	CurveStyle	Énumération des styles pour les courbes d'un graphique.
PointStyle	PointStyle	Énumération des styles de points dans une ligne.
Position	Position	Énumération des positions de la légende dans un graphique.

Méthodes

Méthode	Type renvoyé	Brève description
newAreaChart()	AreaChartBuilder	Commence à créer un graphique en aires, comme décrit dans la documentation Google Chart Tools.
newBarChart()	BarChartBuilder	Commence à créer un graphique à barres, comme décrit dans la documentation Google Chart Tools.
newColumnChart()	ColumnChartBuilder	Commence à créer un graphique à colonnes, comme décrit dans la documentation Google Chart Tools.
newDataTable()	DataTableBuilder	Crée un tableau de données vide, dont les valeurs peuvent être définies manuellement.
newDataViewDefinition()	DataViewDefinitionBuilder	Crée une définition de vue de données.
newLineChart()	LineChartBuilder	Commence à créer un graphique linéaire, comme décrit dans la documentation Google Chart Tools.
newPieChart()	PieChartBuilder	Commence à créer un graphique à secteurs, comme décrit dans la documentation Google Chart Tools.
newScatterChart()	ScatterChartBuilder	Commence à créer un graphique en nuage de points, comme décrit dans la documentation Google Chart Tools.
newTableChart()	TableChartBuilder	Commence à créer un tableau, comme décrit dans la documentation Google Chart Tools.
newTextStyle()	TextStyleBuilder	Crée un générateur de style de texte.

Documentation détaillée

newAreaChart()

Commence à créer un graphique en aires, comme décrit dans la documentation Google Chart Tools.

Renvois

AreaChartBuilder : AreaChartBuilder, qui peut être utilisé pour créer un graphique en aires.

---

newBarChart()

Commence à créer un graphique à barres, comme décrit dans la documentation Google Chart Tools.

Renvois

BarChartBuilder : BarChartBuilder, qui peut être utilisé pour créer un graphique à barres.

---

newColumnChart()

Commence à créer un graphique à colonnes, comme décrit dans la documentation Google Chart Tools.

Renvois

ColumnChartBuilder : ColumnChartBuilder, qui peut être utilisé pour créer un graphique à colonnes.

---

newDataTable()

Crée un tableau de données vide, dont les valeurs peuvent être définies manuellement.

Les tableaux de données contiennent les données de tous les types de graphiques.

Renvois

DataTableBuilder : DataTableBuilder, qui peut contenir des données pour les graphiques.

---

newDataViewDefinition()

Crée une définition de vue de données.

Utilisez des setters pour définir les différentes propriétés de la vue de données.

Renvois

DataViewDefinitionBuilder : DataViewDefinitionBuilder, qui peut être utilisé pour créer une définition de vue de données.

---

newLineChart()

Commence à créer un graphique linéaire, comme décrit dans la documentation Google Chart Tools.

Renvois

LineChartBuilder : un LineChartBuilder, qui peut être utilisé pour créer un graphique en courbes.

---

newPieChart()

Commence à créer un graphique à secteurs, comme décrit dans la documentation Google Chart Tools.

Renvois

PieChartBuilder : PieChartBuilder, qui peut être utilisé pour créer un graphique en secteurs.

---

newScatterChart()

Commence à créer un graphique en nuage de points, comme décrit dans la documentation Google Chart Tools.

Renvois

ScatterChartBuilder : un ScatterChartBuilder, qui peut être utilisé pour créer un graphique à nuage de points.

---

newTableChart()

Commence à créer un tableau, comme décrit dans la documentation Google Chart Tools.

Renvois

TableChartBuilder : TableChartBuilder, qui peut être utilisé pour créer un tableau.

---

newTextStyle()

Crée un générateur de style de texte.

Pour modifier les valeurs par défaut, utilisez les fonctions setter.

Renvois

TextStyleBuilder : TextStyleBuilder, qui peut être utilisé pour créer un objet de configuration de style de texte.