在Angular 7的数据透视表中显示0,你可以通过以下步骤实现:
import { Component, OnInit, ViewChild } from '@angular/core';
import { PivotViewModule, PivotViewComponent } from '@syncfusion/ej2-angular-pivotview';
@Component({
selector: 'app-pivot',
templateUrl: './pivot.component.html',
styleUrls: ['./pivot.component.css']
})
export class PivotComponent implements OnInit {
@ViewChild('pivotview')
public pivotObj: PivotViewComponent;
public dataSource: any;
constructor() { }
ngOnInit(): void {
// 设置数据源,这里仅为示例数据
this.dataSource = [
{ Product: 'A', Year: '2018', Sales: 100 },
{ Product: 'A', Year: '2019', Sales: 0 },
{ Product: 'B', Year: '2018', Sales: 50 },
{ Product: 'B', Year: '2019', Sales: 200 },
];
}
}
<div style="width: 800px; height: 600px;">
<ejs-pivotview #pivotview [dataSource]="dataSource"></ejs-pivotview>
</div>
这样就可以在Angular 7的数据透视表中显示0。对于更多关于Syncfusion Framework和PivotView组件的详细介绍和使用方法,你可以参考腾讯云的产品介绍链接地址:Syncfusion PivotView组件介绍。
领取专属 10元无门槛券
手把手带您无忧上云