Chart stretching to full width and height

[gnapse]

I am using FusionCharts along with ExtJS in a desktop-like application, with windows that can be resized, and one of my window classes is a ChartWindow, aimed at showing charts in my app. The problem is that I can only load Fusion charts with a specific width and height that I have to set at creation time. My chart objects are embedded inside these windows, and when these windows change size, the chart remains the same. I have searched in this forum for "width 100%" or "full width" (or height too) and I have found nothing relevant.

 

 

 

Can somebody please help me?

 

 

 

Thanks in advance

[FusionCharts Support]

Hi,

are you using FusionCharts JavaScript Embedding Method to embed the chart or using plain HTML to embed it?

[gnapse]

I am embedding the chart dinamically through JavaScript

 

 

 

// Sample code

var myChart = new FusionCharts(BASE_PATH+'charts/FCF_Column3D.swf', 'chartId', '400', '300');

myChart.setDataURL(BASE_PATH+'data/?cmd=chart_sample');

myChart.render(container);

[gnapse]

I should also point out that I am using FusionCharts free, and not v3. This topic ended up here in the v3 section of the forum by mistake. Maybe a forum admin can move it? Maybe this problem of mine is a shortcoming of the free version? I didn't found anything relevant in the v3 vs. free features table.

[gnapse]

Well, it seems no one can help me on this, and I kept searching. Unfortunately my search ended with the result I didn't want, which is re-building the fusionchart object everytime the container changes its size. I definitely decided myself to do this after I found this forum topic which is very clear about this, to the point that a FusionChart team member asserts that dynamic resizing of the chart is not yet implemented.

 

 

 

http://www.fusioncharts.com/forum/Topic1583-37-1.aspx

 

 

 

This is very unfortunate, and I wonder why is this so, after working with YUI charts which are much more simple from the charting point of view, but they automatically stretch to cover all of their container area.

[Pallav]

Hi,

 

 

 

Currently in FusionCharts v3, we support dynamic scaling only during instantiation. That is, you can provide the width and height of the chart in pixels during instantiation and it'll take that size.

 

 

 

However, drag and resize (based on container size) is not natively supported. While you might use the percentage resize feature as explained at http://www.fusioncharts.com/docs/Contents/PercentResize.html, we do not recommend this, as this merely scales the chart and not resize.

[Sanjukta]

Hello,

We are very excited to announce the release of FusionCharts v3.2 that leverages Flash and JavaScript (HTML5) to create stunning charts. It introduces the new zoom charts, Pareto & Marimekko charts and works with both XML and JSON data.

You will be pleased to know that FusionCharts v3.2 comes with the addition of

Dynamic Resize

feature. More details at:

http://www.fusioncha...in/smartcharts/

It now works on iPads and iPhones as well. Please visit

http://www.fusioncharts.com/ipad/

to find out what's new.

Furthermore, with this release, we have changed our licensing policies and pricing for our core products - FusionCharts, FusionWidgets, FusionMaps & PowerCharts. More details at:

http://www.fusioncharts.com/license/

 

 

Please feel free to share your thoughts with us at:

[email protected]

 

Thank you and have a good day.

[Sanjukta]

Hello,

We are very excited to announce the release of FusionCharts v3.2 that leverages Flash and JavaScript (HTML5) to create stunning charts. It introduces the new zoom charts, Pareto & Marimekko charts and works with both XML and JSON data.

You will be pleased to know that FusionCharts v3.2 comes with the addition of

Dynamic Resize

feature. More details at:

http://www.fusioncha...in/smartcharts/

It now works on iPads and iPhones as well. Please visit

http://www.fusioncharts.com/ipad/

to find out what's new.

Furthermore, with this release, we have changed our licensing policies and pricing for our core products - FusionCharts, FusionWidgets, FusionMaps & PowerCharts. More details at:

http://www.fusioncharts.com/license/

 

 

Please feel free to share your thoughts with us at:

[email protected]

 

Thank you and have a good day.

[Guest Angie]

Dear User,

 

We are delighted to announce that PowerCharts is now ready for your iPads and iPhones too. We have just released PowerCharts v3.2. Starting v3.2, PowerCharts has HighCharts embedded within it, and offers both Flash and JavaScript (HTML5) charting . The Flash charts are displayed on a majority of devices and the JavaScript charts on devices that do not support Flash, all of it without writing a line of code.

 

Automatic rendering of JavaScript charts on devices (like iPad and iPhone) where Flash player is not supported.

 

5 new chart types:

 

Heat Map Chart

 

Box and Whisker Chart

 

Step Line Chart

 

Error Line Chart

 

Error Scatter Chart

 

 

* Support for JSON data format.

 

* Support for LinkedCharts, where a single data source controls multiple charts.

 

* Interactive legends in charts allow selective showing/hiding of data series.

 

* Legends now support icons for each data series.

 

* Better management of labels on charts.

 

* Labels now have an auto rendering mode to prevent them from overlapping, the chart selects the best display mode depending on the length of the labels and the width of the chart.

 

* Long labels are truncated, with ellipses appended to the truncated end of each label, and a tooltip bearing the completed label text is displayed when the user hovers over a truncated label.

 

* Support for line breaks and wrapping in all text elements including: caption, sub caption, X-axis title, Y-axis title, Labels and tooltips.

 

* In Line charts, data values can now be positioned either above or below the dataplots. Automatic positioning of data values is also supported.

 

* In Step-line charts dataplots can be joined using vertical lines.

 

* Custom alignment of caption and sub caption using STYLES.

 

* Advanced print management using JavaScript.

 

* Additional options for efficient event handling using JavaScript.

 

* Support for dynamic update of chart properties using JavaScript(barring select scatter and drag charts).

 

* Charts now support % based sizes along with dynamic resizing (barring select scatter and drag charts).

 

 

Learn more about everything new in PowerCharts v3.2 at : http:/ www.fusioncharts.com/PowerCharts/

 

We would love to hear from you at: http://www.fusioncharts.com/contact/