We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on : Nov 16th 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Responsive Charts

Thread ID:

Created:

Updated:

Platform:

Replies:

114204 Nov 5,2013 08:39 PM UTC Dec 7,2015 10:00 AM UTC JavaScript 3
loading
Tags: ejChart
Brad Stansbury
Asked On November 5, 2013 08:39 PM UTC

Hi,

I was trying out the JavaScript charts since they have a lot of features i need, but one thing they don't do well is being responsive when the window re-sizes. All the examples on the site uses fixed widths and heights. I am currently using Bootstrap for the layout of the webpage and i would like to have the chart in one of my panels that will resize based on the panel its in.

Is there examples of how to make the Chart more responsive. if they are not designed that way i think it would be very important to add that in future versions of the Javascript controls because this lets it scale based on window size for phones or for browsers.

I have attached a very basic example of your charts in a responsive panel. notice how they go out of the panel.


Issue_41e506e5.zip

Gowrimathi S [Syncfusion]
Replied On November 7, 2013 12:10 PM UTC

Hi Brad,

 

Thanks for using Syncfusion product.

 

Please find the response for your query.

 

We can resize the chart when the window re-size. We suggest you to enable "needResize" property of chart to get responsive chart.

 

[JS-Code]

 

$("#Chart1").ejChart(

                      {

                     needResize:true,

                    });

 

I have enabled needResize in the sample that you have sent. Please find the sample from the attachment

 

Please let me know , if you have any queries

 

Regards

Gowrimathi S



Issue_87ccb168.zip

Matthias Max
Replied On December 7, 2015 09:20 AM UTC

Is the needResize deprecated because your latest samples for Angular use "canResize"?

Michael Prabhu M [Syncfusion]
Replied On December 7, 2015 10:00 AM UTC

Hi Matthias,
Thanks for using Syncfusion products.
Yes, the property "needResize" has been changed to "canResize" from the version 12.1.0.43. You can find our release notes in the below link.
http://files2.syncfusion.com/Installs/v12.1.0.43/ReleaseNotes/JavaScript.html
 
Please let us know if you have any queries.
Thanks,
Michael.

CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;