A continuación se muestra un ejemplo de un gráfico de áreas con valores negativos.
Ya hemos visto las configuraciones utilizadas para dibujar un gráfico en el capítulo Sintaxis de configuración de Google Charts . Ahora, veamos un ejemplo de un gráfico de áreas con valores negativos.
Configuraciones
Hemos usado AreaChart class para mostrar un gráfico basado en áreas con valores negativos.
type='AreaChart';
Ejemplo
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;
}
Resultado
Verifique el resultado.