Prevent Data Labels from rendering on 0 values

Question

Hi, is there a way I can prevent data labels from rendering when the y value is 0? I tried using ranges without luck.See screenshot:https://gyazo.com/c5daf632138ed58a54e13d846ef6fe2c

Dharanidharan Dharmasivam · Answer

Hi Magnus,

Thanks for using Syncfusion products.

We have analyzed your query, your requirement can be achieved using display-text-rendering event. This event will be triggered for each data label and we can able to customize the data label text in this event. In order to achieve your requirement, we have cancelled the event when the data label value is 0(zero). You can change this with respect to your scenario. Kindly find the code snippet to achieve this scenario.

ASP.NET Core:

<ej-chart display-text-rendering="dataLabel">

</ej-chart>

function dataLabel(sender) {

if (sender.data.text === 0) sender.cancel = true;

}

Screenshot:

Sample for reference can be find from below link.

http://www.syncfusion.com/downloads/support/forum/135286/ze/axisLabels841437137

Kindly revert us, if you have any concerns.

Thanks,

Dharani.

Magnus Braathen · Answer

Thanks, that did the trick! :)

Dharanidharan Dharmasivam · Answer

Hi Magnus, 

Thanks for the update. 

Kindly revert us, if you need any further assistance. 

Thanks, 
Dharani.