Pillar Bar Chart Card
  • 09 Feb 2024
  • 1 Minute to read
  • PDF

Pillar Bar Chart Card

  • PDF

Article summary

Filter By Pillar

image.png

In the Scorecard Container HTML replace <! -- Filter by Pillar in Pillar Bar chart --> with below snippet, update the version of the HTML file & upload the file to get the shown output.

<label>Filter by Pillars</label>
<chartjs-label-dropdown  [chartname]="'ScorecardName_Pillar_Bar_Chart'" [items]="['Pillar 1','Pillar 2','Pillar ...', 'Pillar n']"></chartjs-label-dropdown>

Add respective Pillar Name from the Source Data Sheet.
Note:- You can add all your Pillar Name separated by "," as shown above.


Bar Chart

image.png

In the Scorecard Container HTML replace <! -- Bar Chart in Pillar Bar chart --> with below snippet, update the version of the HTML file & upload the file to get the shown output.

<div chartjs [chartname]="'ScorecardName_Pillar_Bar_Chart'" ></div>

Was this article helpful?