Sign in to follow this  

Line Chart With Grid and Rounded Edges of Canvas

Recommended Posts

Hello Friends,


 Am Working on Chart Application for Producing Statics of Data in Line, Bar and Pie Chart. 


 I Have Problem for Line Chart, i Want to Make Canvas Border of Line Chart As Rounded Corner,


 how can i do it . . . 


 i used following code for making rounded rectange on graph but when data changes it collapse




<annotationGroup id="Grp1" showBelow="1">

<annotation type="rectangle" x="60" y="48" toX="785" toY="365 " radius="10" color="000000" fillAlpha="100" showBorder="1" fillColor="ffffff" borderColor="000000" borderThickness="3"/>





please look at screen shot for more details , and suggest me solution . . 




Share this post

Link to post
Share on other sites



Welcome to FusionCharts Forum.


To make the canvas border as rounded corner, you are using annotations statically. To avoid the collapsing problem you need to use macros dynamically to position annotations. 


Using macros to position dynamically the annotations, refer this link :


For grid lines, in the chart try setting the attribute ""numVDivLines" in the chart element of you XML/JSON file which will render vertical lines.


Refer this JSFiddle link :


Hope this helps.

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this