- 25 Sep 2024
- 1 Minute to read
- Print
- PDF
Pillar Progress Bar Snippet
- Updated on 25 Sep 2024
- 1 Minute to read
- Print
- PDF
Pillar Progress Bar Snippet
below we have added dataset Fields for pillars so you have to replace the pillar names.eg. {name:'Average all companies',score: 'Workplace_Pillar_Average', divisibleValue:'Workplace_out_of'}]
here if your pillar name is MarketPlace so your field should be like this
{name:'Average all companies',score: 'MarketPlace_Pillar_Average', divisibleValue:'MarketPlace_out_of'}]Find these comments in your container <! -- Pillar Progress Bar Snippet - -> in your container at multiple places this comment is present so add below snippet there. Don't remove the comments while pasting the snippet
Pillar Progress Bar Snippet
<ng-container *ngIf="dashboard.isdashboarddataLoaded"><progress-scores
[progressbarColor]="'gcf-blue'" [firsttDiv]="'gcf-blue'"
[progressBarDetails]="[{name:'Your Score',score: 'Pillar_Name_Pillar_Score', divisibleValue:'Pillar_Name_out_of'},{name:'Sector Average',score: 'Pillar_Name_Pillar_Sector_Average', divisibleValue:'Pillar_Name_out_of'},{name:'Regional Average',score: 'Pillar_Name_Pillar_Region_Average', divisibleValue:'Pillar_Name_out_of'},{name:'Average all companies',score: 'Pillar_Name_Pillar_Average', divisibleValue:'Pillar_Name_out_of'}]"></progress-scores></ng-container>