Pie Graphs
For a pie graph to be generated you need a column that qualifies for the grouping and drop-down filter rules. This may happen
automatically or you can easily manipulate the rules for your technology by using the respective forceGrouping mechanism
for JavaScript or Angular.
These rules indicate a limited amount of distinct values in that column, so a pie graph is a reasonable visual representation in this case.
By default, pie graphs are covered with the value that has the largest share in the data and it's
percentage. You can easily uncover your pie graphs using code described further down on this page.
The pie graph will be built based on your current filters like the pie chart pictured below:
Change Pie Graph Colors
To alter the colors of slices in pie graphs:
- Style JavaScript Charts
- Angular: Pass the pieGraphColors input with valid hex or css colors -
<ngx-deebodata
[pieGraphColors]="['red', 'blue', 'orange', 'green']"
></ngx-deebodata >
Remove Pie Graph Cover
- Angular: Pass a boolean OR a string[] of column names
<ngx-deebodata
[removePieCovers]="false"
></ngx-deebodata > -
<ngx-deebodata
[removePieCovers]="['column_1', 'column_2']"
></ngx-deebodata >
Internally, the uncoverPie boolean, input property of the PieGraphComponent gets set to true like pictured below
