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 une table de données de base, remplit un graphique en aires avec les données et l'ajoute dans une page Web sous forme d'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 indiquant la manière dont les dimensions masquées dans une source sont exprimées dans un graphique.
`ChartMergeStrategy`	`ChartMergeStrategy`	Énumération indiquant comment 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'une `DataTable`.
`CurveStyle`	`CurveStyle`	Énumération des styles des courbes d'un graphique.
`PointStyle`	`PointStyle`	Énumération des styles des points sur une ligne.
`Position`	`Position`	Énumération des positions des légendes dans un graphique.

Méthodes

Méthode	Type renvoyé	Brève description
`newAreaChart()`	`AreaChartBuilder`	Lance la création d'un graphique en aires, comme décrit dans le Google Cloud.
`newBarChart()`	`BarChartBuilder`	Lance la création d'un graphique à barres, tel que décrit dans le document Google Chart Google Cloud.
`newColumnChart()`	`ColumnChartBuilder`	Lance la création d'un graphique à colonnes, comme décrit dans le document Google Chart Google Cloud.
`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 de données.
`newLineChart()`	`LineChartBuilder`	Lance la création d'un graphique en courbes, comme décrit dans le Tableau Google Cloud.
`newPieChart()`	`PieChartBuilder`	Lance la création d'un graphique à secteurs, comme décrit dans le Tableau Google Cloud.
`newScatterChart()`	`ScatterChartBuilder`	commence à créer un graphique à nuage de points, comme décrit dans le graphique Google Google Cloud.
`newTableChart()`	`TableChartBuilder`	Lance la création d'un tableau, comme décrit dans le document Google Chart Google Cloud.
`newTextStyle()`	`TextStyleBuilder`	Crée un outil de création de style de texte.

Documentation détaillée

`newAreaChart()`

Lance la création d'un graphique en aires, comme décrit dans le Google Cloud.

Renvois

AreaChartBuilder : AreaChartBuilder, qui permet de créer un graphique en aires

`newBarChart()`

Lance la création d'un graphique à barres, tel que décrit dans le document Google Chart Google Cloud.

Renvois

BarChartBuilder : outil BarChartBuilder permettant de créer un graphique à barres.

`newColumnChart()`

Lance la création d'un graphique à colonnes, comme décrit dans le Google Cloud.

Renvois

ColumnChartBuilder : ColumnChartBuilder, qui permet de 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 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 l'affichage des données.

Renvois

DataViewDefinitionBuilder : DataViewDefinitionBuilder permettant de créer une définition de vue de données.

`newLineChart()`

Lance la création d'un graphique en courbes, comme décrit dans le Tableau Google Cloud.

Renvois

LineChartBuilder : outil LineChartBuilder permettant de créer un graphique en courbes.

`newPieChart()`

Lance la création d'un graphique à secteurs, comme décrit dans le Tableau Google Cloud.

Renvois

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

`newScatterChart()`

commence à créer un graphique à nuage de points, comme décrit dans le graphique Google Google Cloud.

Renvois

ScatterChartBuilder : ScatterChartBuilder, qui permet de créer un graphique à nuage de points.

`newTableChart()`

Lance la création d'un tableau, comme décrit dans le document Google Chart Google Cloud.

Renvois

TableChartBuilder : TableChartBuilder, qui permet de créer un tableau.

`newTextStyle()`

Crée un outil de création de style de texte.

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

Renvois

TextStyleBuilder : TextStyleBuilder, qui permet de créer un objet de configuration de style de texte.