A seguir está um exemplo de um gráfico de área com valores negativos.
Já vimos as configurações usadas para desenhar um gráfico no capítulo Google Charts Configuration Syntax . Agora, vamos ver um exemplo de gráfico de área com valores negativos.
Configurações
Nós usamos AreaChart classe para mostrar gráfico baseado em área com valores negativos.
type='AreaChart';
Exemplo
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 o resultado.