How to add Labels in pivotview charts

Question

Hi,How to add labels in pivot view chart (Column,Bar,Pie Charts)https://ej2.syncfusion.com/angular/demos/?_ga=2.130467215.1680687785.1600426106-988849459.1594797884#/material/pivot-table/pivot-chartLike we have in simple charts https://ej2.syncfusion.com/angular/documentation/chart/data-labels/

Saranya Sivan · Accepted Answer

Hi Syed, 
  
The reported requirement – “To provide data label support in markers” has been included in the weekly release  (v18.4.0.34) and it is available in nuget.org (https://www.nuget.org/).  
  
Kindly set dataLabel property in marker property to "true" to display the data label in markers. Please check the below code example for your reference. 
   
Code Example: 




 this.chartSettings = { 
      title: "Sales Analysis", 
      chartSeries: { 
        type: "StackingColumn", 
        marker: { dataLabel: { visible: true } } 
      } 
    } as ChartSettings; 
  
Meanwhile, we have prepared a sample for your reference. 
  
Sample:   https://stackblitz.com/edit/angular-yeqavr-qvenxd?file=app.component.ts 
  
Please let us know if you have concern. 
  
Regards, 
Saranya Sivan.

Sivamathi Natarajan · Answer

Hi Syed, 
 
Thanks for contacting Syncfusion support. 
 
We have already logged your requirement – “To provide data label support in makers” as a feature task in our database and it will be available in our weekly release which is estimated to be rolled on 21st October, 2020. You can track the task in the following link. 
 
https://www.syncfusion.com/feedback/17207/ 
  
We appreciate your patience until then. 
 
Regards, 
Sivamathi.

Sivamathi Natarajan · Answer

Hi Syed, 
 
Due to complexity, the mentioned implementation couldn’t be included in weekly patch release. But it will be included in Vol 3 SP1 release which is estimated to be rolled out by the end of November 2020. 
 
We appreciate your patience until then. 
 
Regards,Sivamathi.

Fabian Zimmermann · Answer

Hello,thank you for providing that option. Is there a simple way of formatting the data labels? In my case table values such as 12.35% show as 0.123456789 in the Angular Pivot Chart.Regards,Fabian

Manikandan Murugesan · Answer

Hi Fabian, Kindly apply the formatting to the data label by using the “template” property. Please refer to the following code example. Code Example: this.chartSettings = { chartSeries: { type: 'StackingColumn', marker: { dataLabel: { visible: true, template: '

${point.y}%

', }, }, }, } as ChartSettings; Meanwhile, we have prepared a sample for your reference. Please find it from below link. Sample: https://stackblitz.com/edit/angular-z1cwfe?file=app.component.ts Please let us know if you have any concerns. Regards, Manikandan