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, remplit un graphique en secteurs avec les données et l'ajoute à une page Web en tant qu'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 des courbes dans un graphique.
`PointStyle`	`PointStyle`	Énumération des styles de 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`	Lance la création d'un graphique en secteurs, comme décrit dans la documentation sur les outils Google Charts.
`newBarChart()`	`BarChartBuilder`	Lance la création d'un graphique à barres, comme décrit dans la documentation sur les outils Google Charts.
`newColumnChart()`	`ColumnChartBuilder`	Commence à créer un graphique en colonnes, comme décrit dans la documentation sur les outils Google Charts.
`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`	Lance la création d'un graphique linéaire, comme décrit dans la documentation sur les outils Google Charts.
`newPieChart()`	`PieChartBuilder`	Commence à créer un graphique en secteurs, comme décrit dans la documentation sur les outils Google Charts.
`newScatterChart()`	`ScatterChartBuilder`	Lance la création d'un graphique en nuage de points, comme décrit dans la documentation sur les outils Google Charts.
`newTableChart()`	`TableChartBuilder`	Commence à créer un graphique sous forme de tableau, comme décrit dans la documentation sur les outils de graphiques Google.
`newTextStyle()`	`TextStyleBuilder`	Crée un générateur de styles de texte.

Documentation détaillée

`newAreaChart()`

Lance la création d'un graphique en secteurs, comme décrit dans la documentation sur les outils Google Charts.

Renvois

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

`newBarChart()`

Lance la création d'un graphique à barres, comme décrit dans la documentation sur les outils Google Charts.

Renvois

BarChartBuilder : BarChartBuilder, qui permet de créer un graphique à barres.

`newColumnChart()`

Commence à créer un graphique en colonnes, comme décrit dans la documentation sur les outils Google Charts.

Renvois

ColumnChartBuilder : un ColumnChartBuilder, qui permet de 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 sétteurs pour définir les différentes propriétés de la vue des données.

Renvois

DataViewDefinitionBuilder : DataViewDefinitionBuilder, qui permet de créer une définition de vue de données.

`newLineChart()`

Lance la création d'un graphique linéaire, comme décrit dans la documentation sur les outils Google Charts.

Renvois

LineChartBuilder : LineChartBuilder, qui permet de créer un graphique en courbes.

`newPieChart()`

Commence à créer un graphique en secteurs, comme décrit dans la documentation sur les outils Google Charts.

Renvois

PieChartBuilder : PieChartBuilder, qui permet de créer un graphique à secteurs.

`newScatterChart()`

Lance la création d'un graphique en nuage de points, comme décrit dans la documentation sur les outils Google Charts.

Renvois

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

`newTableChart()`

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

Renvois

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

`newTextStyle()`

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

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

Renvois

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