Data label format in Range Column Chart

[jsu]

Hi Team,

Please help me to get rid of "high" and "low" data labels in Range Column chart and instead of that I need a single text( for instance only high value or a custom value).

Thanks in advance

[Dharanidharan Dharmasivam]

Hi Jsu, 

 

Greetings from Syncfusion. 

 

We have analyzed your query. Your requirement can be achieved using the TextRender event. The event will be triggered for each label and here you can customize the text based on your requirement. We have displayed only the high value. Find the code snippet below to achieve this requirement. 

 

 

@Html.EJS().Chart("container").TextRender("textRender") 

      Other configurations 

.Render() 

 

function textRender(args) { 

        if (args.point.low === parseFloat(args.text)) { 

            args.text = " "; 

        } else { 

            args.text += " High"; 

        }  

    } 

 

 

Screenshot: 

 

 

Sample: http://www.syncfusion.com/downloads/support/forum/142281/ze/rangeColumn-295310722  

 

Thanks, 

Dharani.