tgupta1983

Thanks Ayan. Worked like a charm.

I have a column chart display (with scroll) and with multiple plots. I want to know if I can increase the width of the columns being rendered. I have two plots being displayed and their data values are overlapping. If there is a better solution, please advise. See attached image for the reference.

The fusion charts version 3.4.1 works great on Chrome but it does not give satisfactory performance on Internet Explorer 8.0 (still have this version at our workplace because of some other constraints). So I still need some insight on my earlier post (Posted 01 October 2014 - 02:17 PM).

After doing some research and fusion chart version history, we have decided to try out the latest version 3.4.1 (including the widgets). I will respond back on how it goes with JavaScript only charts.

Thanks for the quick response. You are correct. It is the version issue. We're using FusionCharts version 3.2.4 (got it from the comments inside .js file - fusioncharts/3.2.4-sr1.9888). We tried the latest JavaScript only charts but noticed good amount of lag especially when loading 10-15 charts at once for the dashboard display. So we are sticking with version 3.2.4 for now. This gives us best of both world. Internally all of our users have adobe flash and the charts render fine. If the adobe flash is not there, fusion chart automatically renders JavaScript chart. This seem to have worked fine for us. Long story short - I think we will need Thermometer.swf, fusioncharts.widgets.js (compatible with fusioncharts.js version 3.2.4) to make this work. Please confirm. If so, we'll contact support folks to get these files. Thanks!

I'm trying to implement a simple Thermometer Widget. I have referenced the fusioncharts.widgets.js in my html page and have the code to generate the chart as following. I have made sure that the XML is there at the specified relative location. Am I missing somethig here? I don't get any error message. If I add the reference to FusionCharts.js file, then I get the chart type not supported message. Please assist!! Thanks <div id="PC_pnlChart"> <script type="text/javascript"> FusionCharts.ready(function () { var myChart = new FusionCharts({ "type": "thermometer", "renderAt": "PC_pnlChart", "width": "500", "height": "300" }); myChart.setXMLUrl("../ChartXML/thermo.xml"); myChart.render(); }); </script> </div>

After digging up in the API references, the setXMLData has worked for me. But the API documentation says "However, using this function to set data of a chart is not recommended. The initial data of a chart is preferred to be set in the FusionCharts constructor." Could you please direct me or provide an example on how to set the data in the FusionCharts constructor itself. I could not find a FusionCharts constructor (for flash based charts) that will aslo accept the data. Thanks!

I have been trying to dynamically generate xml data source and then setting up the dataSource of my fusion chart object. I always get the "No data to display". It appears that the fusion chart object is not taking up the data source. Any help will be appreciated. Thanks! <div id="PC_pnlChart"> <script type="text/javascript"> var myChart = new FusionCharts('../Fusion-Charts/Line.swf', 'MyChartId', '100%', '500', '0', '1'); myChart.dataFormat = 'xml'; myChart.dataSource = "<chart caption='Harrys SuperMart' subcaption='Monthly revenue for last year' xaxisname='Month' yaxisname='Amount' numberprefix='$' palettecolors='#008ee4' bgalpha='0' borderalpha='20' canvasborderalpha='0' useplotgradientcolor='0' plotborderalpha='10' placevaluesinside='1' rotatevalues='1' valuefontcolor='#ffffff' captionpadding='20' showaxislines='1' axislinealpha='25' divlinealpha='10'><set label='Jan' value='420000' /><set label='Feb' value='810000' /><set label='Mar' value='720000' /><set label='Apr' value='550000' /><set label='May' value='910000' /><set label='Jun' value='510000' /><set label='Jul' value='680000' /><set label='Aug' value='620000' /><set label='Sep' value='610000' /><set label='Oct' value='490000' /><set label='Nov' value='900000' /><set label='Dec' value='730000' /></chart>"; myChart.render(PC_pnlChart); </script> </div>

Is there a way I can filter the no of data points to be displayed for a chart? For example: I have a chart data xml that has 100 data values. I would like to give a filter (like a dropdown or textbox to indicate the range) to the user that will let user choose the range of data values that he would like to see on the chart. Please let me know if there is any way to accomplish this.