Class AreaChartBuilder

AreaChartBuilder

Compilateur pour les graphiques en aires. Pour en savoir plus, consultez la documentation sur Google Charts.

Voici un exemple qui montre comment créer un graphique en aires.

  // Create a data table with some sample data.
  var sampleData = Charts.newDataTable()
      .addColumn(Charts.ColumnType.STRING, "Month")
      .addColumn(Charts.ColumnType.NUMBER, "Dining")
      .addColumn(Charts.ColumnType.NUMBER, "Total")
      .addRow(["Jan", 60, 520])
      .addRow(["Feb", 50, 430])
      .addRow(["Mar", 53, 440])
      .addRow(["Apr", 70, 410])
      .addRow(["May", 80, 390])
      .addRow(["Jun", 60, 500])
      .addRow(["Jul", 100, 450])
      .addRow(["Aug", 140, 431])
      .addRow(["Sep", 75, 488])
      .addRow(["Oct", 70, 521])
      .addRow(["Nov", 58, 388])
      .addRow(["Dec", 63, 400])
      .build();

  var chart = Charts.newAreaChart()
      .setTitle('Yearly Spending')
      .setXAxisTitle('Month')
      .setYAxisTitle('Spending (USD)')
      .setDimensions(600, 500)
      .setStacked()
      .setColors(['red', 'green'])
      .setDataTable(sampleData)
      .build();

Méthodes

MéthodeType renvoyéBrève description
build()ChartCrée le graphique.
reverseCategories()AreaChartBuilderInverse le dessin d'une série sur l'axe du domaine.
setBackgroundColor(cssValue)AreaChartBuilderDéfinit la couleur d'arrière-plan du graphique.
setColors(cssValues)AreaChartBuilderDéfinit les couleurs des lignes du graphique.
setDataSourceUrl(url)AreaChartBuilderDéfinit l'URL de la source de données utilisée pour extraire des données d'une source externe, telle que Google Google Sheets.
setDataTable(tableBuilder)AreaChartBuilderDéfinit la table de données à utiliser pour le graphique à l'aide de DataTableBuilder.
setDataTable(table)AreaChartBuilderDéfinit le tableau de données qui contient les lignes du graphique, ainsi que les libellés de l'axe X.
setDataViewDefinition(dataViewDefinition)AreaChartBuilderDéfinit la définition de la vue de données à utiliser pour le graphique.
setDimensions(width, height)AreaChartBuilderDéfinit les dimensions du graphique.
setLegendPosition(position)AreaChartBuilderDéfinit la position de la légende par rapport au graphique.
setLegendTextStyle(textStyle)AreaChartBuilderDéfinit le style du texte de la légende du graphique.
setOption(option, value)AreaChartBuilderDéfinit les options avancées de ce graphique.
setPointStyle(style)AreaChartBuilderDéfinit le style des points de la ligne.
setRange(start, end)AreaChartBuilderDéfinit la plage du graphique.
setStacked()AreaChartBuilderUtilise des lignes empilées, ce qui signifie que les valeurs de ligne et de barre sont empilées (accumulées).
setTitle(chartTitle)AreaChartBuilderDéfinit le titre du graphique.
setTitleTextStyle(textStyle)AreaChartBuilderDéfinit le style du texte du titre du graphique.
setXAxisTextStyle(textStyle)AreaChartBuilderDéfinit le style du texte de l'axe horizontal.
setXAxisTitle(title)AreaChartBuilderAjoute un titre à l'axe horizontal.
setXAxisTitleTextStyle(textStyle)AreaChartBuilderDéfinit le style du texte du titre de l'axe horizontal.
setYAxisTextStyle(textStyle)AreaChartBuilderDéfinit le style du texte de l'axe vertical.
setYAxisTitle(title)AreaChartBuilderAjoute un titre à l'axe vertical.
setYAxisTitleTextStyle(textStyle)AreaChartBuilderDéfinit le style du texte du titre de l'axe vertical.
useLogScale()AreaChartBuilderTransforme l'axe de la plage sur une échelle logarithmique (toutes les valeurs doivent être positives).

Documentation détaillée

build()

Crée le graphique.

Renvois

Chart : objet Chart qui peut être intégré à des documents ou à des éléments d'interface utilisateur, ou utilisé en tant que graphique l'image.


reverseCategories()

Inverse le dessin d'une série sur l'axe du domaine. Pour les graphiques à secteurs verticaux (tels que les graphiques en courbes, les graphiques en aires ou à colonnes), cela signifie que l'axe horizontal est tracé de droite à gauche. Pour les graphiques à barres horizontales (comme les graphiques à barres), l'axe vertical est tracé de haut en bas, en bas. Pour les graphiques à secteurs, cela signifie que les secteurs sont dessinés dans le sens inverse des aiguilles d'une montre.

// Creates a pie chart builder and sets drawing of the slices in a counter-clockwise manner.
var builder = Charts.newPieChart();
builder.reverseCategories();

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setBackgroundColor(cssValue)

Définit la couleur d'arrière-plan du graphique.

// Creates a line chart builder and sets the background color to gray
var builder = Charts.newLineChart();
builder.setBackgroundColor("gray");

Paramètres

NomTypeDescription
cssValueStringValeur CSS de la couleur (par exemple, "blue" ou "#00f").

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setColors(cssValues)

Définit les couleurs des lignes du graphique.

// Creates a line chart builder and sets the first two lines to be drawn in green and red,
// respectively.
var builder = Charts.newLineChart();
builder.setColors(["green", "red"]);

Paramètres

NomTypeDescription
cssValuesString[]Tableau de valeurs CSS de couleur, par exemple ["red", "#acf"]. Le n-ième élément du tableau représente la couleur de la nième ligne du graphique.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setDataSourceUrl(url)

Définit l'URL de la source de données utilisée pour extraire des données d'une source externe, telle que Google Google Sheets. Si une URL de source de données et un tableau de données sont fournis, l'URL de la source de données est ignorée.

Pour savoir comment interroger des sources de données, consultez la documentation sur Google Charts.

Paramètres

NomTypeDescription
urlStringURL de la source de données, y compris les paramètres de requête.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setDataTable(tableBuilder)

Définit la table de données à utiliser pour le graphique à l'aide de DataTableBuilder. Il s'agit d'une méthode pratique pour définir la table de données sans avoir à appeler build().

Paramètres

NomTypeDescription
tableBuilderDataTableBuilderOutil de création de tableaux de données. Une table de données est créée instantanément , de sorte que les mises à jour ultérieures du compilateur ne soient pas reflétées dans le graphique.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setDataTable(table)

Définit le tableau de données qui contient les lignes du graphique, ainsi que les libellés de l'axe X. La la première colonne doit être une chaîne et contenir les libellés de l'axe horizontal. N'importe quel nombre de colonnes peuvent suivre, toutes doivent être numériques. Chaque colonne s'affiche sur une ligne distincte.

Paramètres

NomTypeDescription
tableDataTableSourceTable de données à utiliser pour le graphique.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setDataViewDefinition(dataViewDefinition)

Définit la définition de la vue de données à utiliser pour le graphique.

Paramètres

NomTypeDescription
dataViewDefinitionDataViewDefinitionObjet de définition d'une vue de données qui définit la vue à laquelle issues de la source de données donnée pour le dessin du graphique.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setDimensions(width, height)

Définit les dimensions du graphique.

Paramètres

NomTypeDescription
widthIntegerLargeur du graphique, en pixels.
heightIntegerHauteur du graphique, en pixels.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setLegendPosition(position)

Définit la position de la légende par rapport au graphique. Par défaut, il n'y a pas de légende.

// Creates a line chart builder and sets the legend position to right.
var builder = Charts.newLineChart();
builder.setLegendPosition(Charts.Position.RIGHT);

Paramètres

NomTypeDescription
positionPositionPosition de la légende.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setLegendTextStyle(textStyle)

Définit le style du texte de la légende du graphique.

// Creates a line chart builder and sets it up for a  blue, 26-point legend.
var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
var style = textStyleBuilder.build();
var builder = Charts.newLineChart();
builder.setLegendTextStyle(style);

Paramètres

NomTypeDescription
textStyleTextStyleStyle de texte à utiliser pour la légende du graphique.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setOption(option, value)

Définit les options avancées de ce graphique. Consultez les options disponibles pour ce graphique. Cette méthode n'a aucun effet si l'option donnée n'est pas valide.

// Build an area chart with a 1-second animation duration.
var builder = Charts.newAreaChart();
builder.setOption('animation.duration', 1000);
var chart = builder.build();

Paramètres

NomTypeDescription
optionStringL'option à définir.
valueObjectValeur à définir.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setPointStyle(style)

Définit le style des points de la ligne. Par défaut, les points n'ont pas de style particulier, la ligne est visible.

// Creates a line chart builder and sets large point style.
var builder = Charts.newLineChart();
builder.setPointStyle(Charts.PointStyle.LARGE);

Paramètres

NomTypeDescription
stylePointStyleStyle à utiliser pour les points de la ligne.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.

Voir aussi


setRange(start, end)

Définit la plage du graphique.

Si des points de données se situent en dehors de la plage, celle-ci est étendue pour inclure ces données. points.

Paramètres

NomTypeDescription
startNumberValeur de la ligne de grille la plus basse de l'axe de la plage.
endNumberValeur de la ligne de grille la plus élevée de l'axe de la plage.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setStacked()

Utilise des lignes empilées, ce qui signifie que les valeurs de ligne et de barre sont empilées (accumulées). Par défaut, il n'y a pas de pile.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setTitle(chartTitle)

Définit le titre du graphique. Le titre est affiché au centre du graphique.

// Creates a line chart builder and title to 'My Line Chart'.
var builder = Charts.newLineChart();
builder.setTitle('My Line Chart')

Paramètres

NomTypeDescription
chartTitleStringle titre du graphique.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setTitleTextStyle(textStyle)

Définit le style du texte du titre du graphique.

// Creates a line chart builder and sets it up for a  blue, 26-point title.
var textStyleBuilder = Charts.newTextStyle().setColor('#0000FF').setFontSize(26);
var style = textStyleBuilder.build();
var builder = Charts.newLineChart();
builder.setTitleTextStyle(style);

Paramètres

NomTypeDescription
textStyleTextStyleStyle de texte à utiliser pour le titre du graphique. Vous pouvez créer un objet TextStyleBuilder en appelant Charts.newTextStyle().

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setXAxisTextStyle(textStyle)

Définit le style du texte de l'axe horizontal.

// Creates a line chart builder and sets the X-axis text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setXAxisTextStyle(textStyle);

Paramètres

NomTypeDescription
textStyleTextStyleStyle de texte à utiliser pour le titre de l'axe horizontal. Vous pouvez créer un objet TextStyleBuilder en appelant Charts.newTextStyle().

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setXAxisTitle(title)

Ajoute un titre à l'axe horizontal. Le titre est centré et apparaît sous la valeur de l'axe étiquettes.

// Creates a line chart builder and sets the X-axis title.
var builder = Charts.newLineChart();
builder.setTitle('X-axis Title')

Paramètres

NomTypeDescription
titleStringTitre de l'axe des X.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setXAxisTitleTextStyle(textStyle)

Définit le style du texte du titre de l'axe horizontal.

// Creates a line chart builder and sets the X-axis title text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setXAxisTitleTextStyle(textStyle);

Paramètres

NomTypeDescription
textStyleTextStyleStyle de texte à utiliser pour le titre de l'axe horizontal. Vous pouvez créer un objet TextStyleBuilder en appelant Charts.newTextStyle().

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setYAxisTextStyle(textStyle)

Définit le style du texte de l'axe vertical.

// Creates a line chart builder and sets the Y-axis text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setYAxisTextStyle(textStyle);

Paramètres

NomTypeDescription
textStyleTextStyleStyle de texte à utiliser pour le titre de l'axe horizontal. Vous pouvez créer un objet TextStyleBuilder en appelant Charts.newTextStyle().

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setYAxisTitle(title)

Ajoute un titre à l'axe vertical. Le titre est centré et apparaît à gauche de la valeur. étiquettes.

// Creates a line chart builder and sets the Y-axis title.
var builder = Charts.newLineChart();
builder.setYAxisTitle('Y-axis Title')

Paramètres

NomTypeDescription
titleStringTitre de l'axe Y.

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


setYAxisTitleTextStyle(textStyle)

Définit le style du texte du titre de l'axe vertical.

// Creates a line chart builder and sets the Y-axis title text style to blue, 18-point font.
var textStyle = Charts.newTextStyle().setColor('blue').setFontSize(18).build();
var builder = Charts.newLineChart();
builder.setYAxisTitleTextStyle(textStyle);

Paramètres

NomTypeDescription
textStyleTextStyleStyle de texte à utiliser pour le titre de l'axe horizontal. Vous pouvez créer un objet TextStyleBuilder en appelant Charts.newTextStyle().

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.


useLogScale()

Transforme l'axe de la plage sur une échelle logarithmique (toutes les valeurs doivent être positives). La plage correspond à l'axe vertical des graphiques verticaux (lignes, zones ou colonnes, par exemple) et l'axe horizontal pour les graphiques horizontaux (comme les barres).

Renvois

AreaChartBuilder : compilateur, utile pour les enchaînements.