Graphique en aires avec des valeurs négatives

Voici un exemple de graphique en aires avec des valeurs négatives.

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 avec des valeurs négatives.

Configurations

Nous avons utilisé AreaChart classe pour afficher un graphique basé sur des zones avec des valeurs négatives.

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.