Use Record count as Donut label

[Chaish]

@shaun, Can you please suggest me how to add “Record Count” as label for Donut Chart ?

[shaun]

@Chaish Right now the out of the box setting only allows putting percentages as pie label.

We have some examples of adding record count to the pie chart legend, as an alternative solution. You can take a look at this example custom style:

How to change the color of the font inside a pie chart based on its value?

To get the measure totals/values in the pie char legend, it’s using a custom style that you will need to apply to the pie chart visual. Below is the custom style used and how to apply it to your pie visual. [image] Creating Custom Style [image] Custom Style Code return function() { var f = function() {}; f.version = "1"; f.settings = function() { return [ { id: 'Square Size', defaultValue: '15', }, ]; }; f.afterDraw = function() { va…

[Chaish]

@shaun Thanks a lot for the update. Is it not possible to have the record count as the label for the Donut chart using custom JS ? Please see the below requirement, where 3,1 and 13 are the number of records.

[shaun]

@Chaish unfortunately not easy to do because the pie slices are rendered using canvas which prevents accessing elements using Javascript.

The legend does not use canvas, so you are able to iterate through those elements and modify/append to them the record count as the example post shows.

Adding a total in the center of the donut might be easier to achieve since it’s a static location. Refer to this post:

Adding Label to Donut chart in the center

@Deepika there is no out of the box feature to place total in the center. You will need to use custom style (JS) to manually generate the totals and place text object in the middle of the pie chart. [image] Custom Style (JS) Example return function () { var f = function() {}; f.version="1"; f.afterDraw= function () { // Arcadia API to get query results var d = arcapi.dataResult(); // Obtain query results var rows = d.rows(); // If there's no results , return if (rows.length === 0) { …

[Chaish]

@shaun Thanks a lot for your efforts