Angular Highcharts:负值面积图(Area Chart with negative values)
负值面积图
让我们通过下面的例子来进一步理解带负值面积图。
例子
app.component.ts
import { Component } from '@angular/core'; import * as Highcharts from 'highcharts'; @Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { highcharts = Highcharts; chartOptions = { chart: { type: "area" }, title: { text: 'Area chart with negative values' }, xAxis:{ categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] }, credits:{ enabled: false }, series: [ { name: 'John', data: [5, 3, 4, 7, 2] }, { name: 'Jane', data: [2, -2, -3, 2, 1] }, { name: 'Joe', data: [3, 4, 4, -2, 5] } ] }; }
结果