Skip to content

Pivot

Jump to bottom
zehavibarak edited this page Oct 27, 2022 · 1 revision 
<bizdoc-cube-pivot
    [xAxis]='xAxis'
    [series]='series'
    [filters]='axes'
    (explore)='explore($event)'>
</bizdoc-cube-pivot>
@Component()
export class PivotComponent {
    readonly xAxis = ['year', 'quarter', 'month'];
    readonly series = ['company', 'region', 'department'];
    filters: AxesMap;
    explore(evt: AxisClickEvent) { }
}

Pivot can be viewed in one of two ways: grid or chart. To show data as chart, set the chartType property.

@Component()
export class PivotComponent {
    readonly xAxis = ['year', 'quarter', 'month'];
    readonly series = ['company', 'region', 'department'];
    filters: AxesMap;
    readonly chartType: ChartType = 'Bar';
    explore(evt: AxisClickEvent) { }
}

Properties

Name Usage
cube Cube name. Default to first cube
xAxis Required. Columns axes names
series Required. Rows axes names
indices Index or array of indices
scope Positions, Patterns or none
filters Axes map
chartType 'Line', 'Column', 'Area', 'Bar' or none
width, height Dimensions
palettes Array of colors

Events

explore()

Returns AxisClickEvent

See Explore

loading()

Returns a boolean value.

<bizdoc-cube-pivot
    [xAxis]='xAxis'
    [series]='series'
    [(loading)]='loading'>
</bizdoc-cube-pivot>
@Component()
export class PivotComponent {
    loading: boolean;
    readonly xAxis = ['year', 'quarter', 'month'];
    readonly series = ['company', 'region', 'department'];
}

Moding Ltd.

Release Notes

Angular npm, Flutter pub.dev and Nuget packages.

Clone this wiki locally