round edge stackingcolumn chart


Hello Guys,

I made stackingcolumn chartwith top round edge.
but if there is a least valus in top bar, It is like a picture.
I wanna delete edge in rectangle and i wanna make like bottom of picture.



how to make it?

1 Reply

SK Saravana Kumar Kanagavel Syncfusion Team November 7, 2017 11:05 AM UTC

Hi June, 
Thanks for contacting Syncfusion Support. 
We have analyzed your query and prepared a sample based on your requirement. In the sample, we have customized the rounded edge rectangle in the top location only for stacking column series. 
Please find the code snippet below 
[JS] 
$("#container").ejChart( 
{ 
  load:"onChartLoad", 
}); 
 
function onChartLoad(sender){ 
      for(var i=0;i<sender.model.series.length;i++)  
          sender.model.series[i].cornerRadius = { topLeft:15, topRight:15 }; 
    } 
 
In the above code, we are triggering the load event. In the event, we have created the cornerRadius object with its top values which is assigning to the series. 
And you can find the sample from the below location. 
Please find the output of the sample below 
 
Please let us know if you have any concern. 
Regards, 
Saravana Kumar K. 
 


Loader.
Up arrow icon