How to show only value of data label in PivotChart

Question

I attached images. Yellow square is only showns in tooltip. I want to show this value in outside of tooltip.

It's mean i want to show every data label's value(44513) always show in chart. not in hover or tooltip

Is it possible?

Manikandan Murugesan · Accepted Answer

Hi Toumku,

Kindly refer the following code example to enable data label. Also, you can disable tooltip by setting the “enable” property to false in “tooltip”.

Code Example:

<PivotViewComponent id='PivotView' ref = { d => this.pivotObj = d } dataSourceSettings = { dataSourceSettings } width = { '100%'} height = { '450'} showFieldList = { true} displayOption = {{ view: 'Chart' }} chartSettings = {{ title: 'Sales Analysis', chartSeries: { type: "Column", marker: { dataLabel: { visible: true } } }, tooltip: { enable: false }, load: this.chartOnLoad.bind(this) }}>

</PivotViewComponent>

Meanwhile, we have prepared sample for your reference.

Sample: https://stackblitz.com/edit/react-p3luex?file=index.js

Please let us know if you have any other queries.

Regards,

Manikandan

Toumku · Answer

Okay. it's my wrong. i used chartSeries.dataLabel.visible now i understand. i read your api. i couldnt find dataLabel compact. is there any option?Thank you

Manikandan Murugesan · Answer

Hi Toumku, 
 
The pivot chart doesn’t support smart labels. But we have considered this as a feature request, and it will be available in any of our releases. We appreciate your patience until then. You can keep track of the feature request from the feedback portal below.   
   
Feedback Link: https://www.syncfusion.com/feedback/25519/smart-labels-support-for-data-labels-in-the-cartesian-chart 
If you have any more specifications/precise replication procedures or a scenario to be tested, you can add it as a comment in the portal.   
 
Regards, 
Manikandan