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

Class PieChartBuilder

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

Voici un exemple montrant comment créer un graphique en secteurs. Les données sont importées à partir d'une feuille de calcul Google.

// Get sample data from a spreadsheet.
const dataSourceUrl = 'https://docs.google.com/spreadsheet/tq?range=A1%3AB8' +
    '&key=0Aq4s9w_HxMs7dHpfX05JdmVSb1FpT21sbXd4NVE3UEE&gid=3&headers=-1';

const chartBuilder = Charts.newPieChart()
                         .setTitle('World Population by Continent')
                         .setDimensions(600, 500)
                         .set3D()
                         .setDataSourceUrl(dataSourceUrl);

const chart = chartBuilder.build();

Méthodes

Méthode	Type renvoyé	Brève description
`build()`	`Chart`	Crée le graphique.
`reverseCategories()`	`PieChartBuilder`	Inverse le dessin des séries sur l'axe des domaines.
`set3D()`	`PieChartBuilder`	Définit le graphique en trois dimensions.
`setBackgroundColor(cssValue)`	`PieChartBuilder`	Définit la couleur d'arrière-plan du graphique.
`setColors(cssValues)`	`PieChartBuilder`	Définit les couleurs des lignes du graphique.
`setDataSourceUrl(url)`	`PieChartBuilder`	Définit l'URL de la source de données utilisée pour extraire des données à partir d'une source externe, telle que Google Sheets.
`setDataTable(tableBuilder)`	`PieChartBuilder`	Définit le tableau de données à utiliser pour le graphique à l'aide d'un DataTableBuilder.
`setDataTable(table)`	`PieChartBuilder`	Définit le tableau de données contenant les lignes du graphique, ainsi que les libellés de l'axe des abscisses.
`setDataViewDefinition(dataViewDefinition)`	`PieChartBuilder`	Définit la définition de la vue de données à utiliser pour le graphique.
`setDimensions(width, height)`	`PieChartBuilder`	Définit les dimensions du graphique.
`setLegendPosition(position)`	`PieChartBuilder`	Définit la position de la légende par rapport au graphique.
`setLegendTextStyle(textStyle)`	`PieChartBuilder`	Définit le style de texte de la légende du graphique.
`setOption(option, value)`	`PieChartBuilder`	Définit les options avancées de ce graphique.
`setTitle(chartTitle)`	`PieChartBuilder`	Définit le titre du graphique.
`setTitleTextStyle(textStyle)`	`PieChartBuilder`	Définit le style de texte du titre du graphique.

Documentation détaillée

`build()`

Crée le graphique.

Renvois

Chart : objet graphique pouvant être intégré à des documents, à des éléments d'interface utilisateur ou utilisé comme image statique.

`reverseCategories()`

Inverse le dessin des séries sur l'axe des domaines. Pour les graphiques à plage verticale (comme les graphiques en courbes, en aires ou à colonnes), cela signifie que l'axe horizontal est dessiné de droite à gauche. Pour les graphiques à plage horizontale (comme les graphiques en barres), cela signifie que l'axe vertical est dessiné de haut en bas. Pour les graphiques à secteurs, cela signifie que les segments 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.
const builder = Charts.newPieChart();
builder.reverseCategories();

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`set3D()`

Définit le graphique en trois dimensions.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setBackgroundColor(cssValue)`

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

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

Paramètres

Nom	Type	Description
`cssValue`	`String`	Valeur CSS de la couleur (par exemple, `"blue"` ou `"#00f"`).

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`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.
const builder = Charts.newLineChart();
builder.setColors(['green', 'red']);

Paramètres

Nom	Type	Description
`cssValues`	`String[]`	Tableau de valeurs CSS de couleur, telles que `["red", "#acf"]`. L'élément n du tableau représente la couleur de la ligne n du graphique.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setDataSourceUrl(url)`

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

Pour en savoir plus sur l'interrogation des sources de données, consultez la documentation Google Charts.

Paramètres

Nom	Type	Description
`url`	`String`	URL de la source de données, y compris les paramètres de requête.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setDataTable(tableBuilder)`

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

Paramètres

Nom	Type	Description
`tableBuilder`	`DataTableBuilder`	Un outil de création de tableaux de données. Une nouvelle table de données est créée instantanément dans le cadre de cet appel. Par conséquent, toute autre mise à jour du générateur ne sera pas reflétée dans le graphique.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setDataTable(table)`

Définit le tableau de données contenant les lignes du graphique, ainsi que les libellés de l'axe des abscisses. La première colonne doit être une chaîne et contenir les libellés de l'axe horizontal. Un nombre illimité de colonnes peut suivre, toutes doivent être numériques. Chaque colonne s'affiche sur une ligne distincte.

Paramètres

Nom	Type	Description
`table`	`DataTableSource`	Tableau de données à utiliser pour le graphique.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setDataViewDefinition(dataViewDefinition)`

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

Paramètres

Nom	Type	Description
`dataViewDefinition`	`DataViewDefinition`	Objet de définition de la vue de données qui définit la vue à dériver de la source de données donnée pour le dessin du graphique.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setDimensions(width, height)`

Définit les dimensions du graphique.

Paramètres

Nom	Type	Description
`width`	`Integer`	Largeur du graphique, en pixels.
`height`	`Integer`	Hauteur du graphique, en pixels.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setLegendPosition(position)`

Définit la position de la légende par rapport au graphique. Par défaut, aucune légende n'est affichée.

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

Paramètres

Nom	Type	Description
`position`	`Position`	Position de la légende.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setLegendTextStyle(textStyle)`

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

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

Paramètres

Nom	Type	Description
`textStyle`	`TextStyle`	Style de texte à utiliser pour la légende du graphique.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`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 a pie chart with a pretty legend.
const builder = Charts.newPieChart();
builder.setOption('legend', {textStyle: {color: 'blue', fontSize: 16}});
const chart = builder.build();

Paramètres

Nom	Type	Description
`option`	`String`	Option à définir.
`value`	`Object`	Valeur à définir.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setTitle(chartTitle)`

Définit le titre du graphique. Le titre s'affiche centré au-dessus du graphique.

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

Paramètres

Nom	Type	Description
`chartTitle`	`String`	le titre du graphique.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.

`setTitleTextStyle(textStyle)`

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

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

Paramètres

Nom	Type	Description
`textStyle`	`TextStyle`	Style de texte à utiliser pour le titre du graphique. Vous pouvez créer un objet `TextStyleBuilder` en appelant `Charts.newTextStyle()`.

Renvois

PieChartBuilder : ce compilateur est utile pour le chaînage.