Cette page a été traduite par l'API Cloud Translation.

Class Charts

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

Cet exemple crée un tableau de données de base, insère les données dans un graphique en aires, puis les ajoute à une page Web en tant qu'image:

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

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 les différentes 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 objet `DataTable`.
`CurveStyle`	`CurveStyle`	Énumération des styles des courbes d'un graphique.
`PointStyle`	`PointStyle`	Énumération des styles des points d'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 sur les outils de graphique Google.
`newBarChart()`	`BarChartBuilder`	Commence à créer un graphique à barres, comme décrit dans la documentation sur les outils de graphique Google.
`newColumnChart()`	`ColumnChartBuilder`	Commence à créer un graphique à colonnes, comme décrit dans la documentation sur les outils de graphique Google.
`newDataTable()`	`DataTableBuilder`	Crée une table de données vide dont les valeurs peuvent être définies manuellement.
`newDataViewDefinition()`	`DataViewDefinitionBuilder`	Crée une définition de vue des données.
`newLineChart()`	`LineChartBuilder`	Commence à créer un graphique en courbes, comme décrit dans la documentation sur les outils de graphique Google.
`newPieChart()`	`PieChartBuilder`	Commence à créer un graphique à secteurs, comme décrit dans la documentation sur les outils de graphique Google.
`newScatterChart()`	`ScatterChartBuilder`	Commence à créer un graphique à nuage de points, comme décrit dans la documentation sur les outils de graphique Google.
`newTableChart()`	`TableChartBuilder`	Commence à créer un graphique de table, comme décrit dans la documentation sur les outils de graphique Google.
`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 sur les outils de graphique Google.

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 sur les outils de graphique Google.

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 sur les outils de graphique Google.

Renvois

ColumnChartBuilder : ColumnChartBuilder pouvant être utilisé pour créer un graphique à colonnes.

`newDataTable()`

Crée une table 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 pouvant contenir des données pour des graphiques.

`newDataViewDefinition()`

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

Utilisez des setters pour définir les différentes propriétés de la vue des 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 en courbes, comme décrit dans la documentation sur les outils de graphique Google.

Renvois

LineChartBuilder : élément 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 sur les outils de graphique Google.

Renvois

PieChartBuilder : PieChartBuilder pouvant être utilisé pour créer un graphique à secteurs.

`newScatterChart()`

Commence à créer un graphique à nuage de points, comme décrit dans la documentation sur les outils de graphique Google.

Renvois

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

`newTableChart()`

Commence à créer un graphique de table, comme décrit dans la documentation sur les outils de graphique Google.

Renvois

TableChartBuilder : TableChartBuilder, qui peut être utilisé pour créer un graphique de table.

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