Graphiques Google angulaires - Graphique de base
Voici un exemple de graphique en aires de base.
Nous avons déjà vu les configurations utilisées pour dessiner un graphique dans le chapitre Syntaxe de configuration de Google Charts . Voyons maintenant un exemple de graphique en aires de base.
Configurations
Nous avons utilisé AreaChart classe pour afficher le graphique basé sur la zone.
type='AreaChart';
Exemple
app.component.ts
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'Area Chart';
type='AreaChart';
data = [
["2013", 1000, 400],
["2014", 1170, 460],
["2015", 660, 1120],
["2016", 1030, 540]
];
columnNames = ['Year', 'Sales',"Expenses"];
options = { };
width = 550;
height = 400;
}
Résultat
Vérifiez le résultat.
Impression