Changing Fusion Chart Width Or Height At Runtime
Posted 18 May 2012 - 12:45 PM
We are using fusion chart Version: 3.1.1 in our project and we are facing a issue in changing width or height of the chart at runtime.
Scenario: We have a panel in the screen which contains a fusion chart and panel having the option of minimize and maximize option. By default user can see 4 panels in the screen and each panel having 1charts in it. Our requirement is when you maximize the panel it takes full screen and chart should resize as per the panel size. We are trying to resize the chart just changing width and height as per the panel and rerendering the chart again but it is not happening at run time. Currently we are changing the X and Y scale of the chart but it is not fitting properly in the panel.
Please help how to change the width and height of the chart at run time or it is a existing issue of the chart.
Posted 19 May 2012 - 05:17 AM
With FusionCharts 3.1.1 dynamic resize is not possible.
You will have to upgrade to FusionCharts XT.
Starting v3.2, FusionCharts can dynamically resize itself when the parent container resizes.
For this you will need to :
1. Set the chart's size in percentage.
2. Set your HTML chart container such that its dimension changes dynamically when the browser resizes or due to other changes taking place in the page (like when an element is added or removed)
Whenever the container element re sizes, the chart will also dynamically re-size itself instantly.
For more details on 'Changing chart size', please refer to the link below,
Hope this helps!
Edited by Bindhu, 19 May 2012 - 05:19 AM.
Follow us <[url]http://http//twitter.com/fusioncharts>[/url] @Twitter!
Posted 04 June 2012 - 10:57 AM
Posted 05 June 2012 - 12:43 PM
Thanks you for your patience.
We are happy to announce that FusionCharts for Flex has been released. The current version is 1.3.
Release Notes: http://www.fusioncha...ersion-history/
AIR Desktop application support
Charts can dynamically resize based on the dimensions of the parent containers
Support for Interactive Legend
Automated numeric X-Axis in Scatter and Bubble charts
Regression line in Scatter and Bubble charts
Quadrants and quadrant labels in Scatter and Bubble and charts
Number formatting options for the X-Axis scale in Scatter and Bubble charts.
Configurable options for vertical divisional lines, vertical grids and vertical zero plane in Scatter and Bubble charts
Advance Image/SWF display and alignment support for background
Added legend in Pie, Doughnut, Funnel and Pyramid charts
Ability to plot columns on right axis of chart in 3D combination charts
Chart specific APIs added for Pie, Doughnut and MSCombi3D charts
Support to specify Y-Axis minimum values in all stacked charts
Support to align the vertical Axis names with respect to the whole chart or only the chart canvas
Macros or pre-defined variables to position Annotation better
Support for left or right alignment of caption and subcaption
Manually control the position of data values in line and area charts
Ability to hide zero plane values
Pack contains a separate Flash SWC component to help render charts in Adobe Flash CS3/CS4/CS5 Applications
Charts are cached to reduce bandwidth usage
Charts can now run in Flash Builder Debug mode
Optimized X-Axis label placement
The default size of the caption and subcaption has been increased
Annotations scale automatically when dynamic resizing is enabled
Customizable options of X-Axis ticks for Multi-series Combination 3D chart has been added
Major improvement in memory leak issue
"No data to display" issue
The text shown in the Debug Window of charts/gauges in AIR Application can not copied using context menu
The Custom component for Flash CS3/CS4/CS5 can only render charts
FusionCharts for Flex does not support Flex's "Spark only" component set
The Evaluation version can be downloaded with the help of the following link.
The existing users can update for free from FusionCharts Product Update Center. They will get a new Update (v1.3) pack to download.
Ref.- PUC Link
Hope this helps.
Follow us @Twitter!