Setcurrentrenderer('javascript') Error For Bar2D Chart

[Bhaskar]

Hi,

I am trying to render javascript renderer for FF 6.0.

I am not getting any js error and my Fusioncharts.js 3.2.2 is loading properly in firebug.

In UI, it is creating only span and no content inside that.

Can you please help me on this.

Code as follows ...

FusionCharts.setCurrentRenderer('javascript');

 

var myChart = new FusionCharts("/js-lib/FusionCharts/swf/Bar2D.swf", "financialsChart-"+myNumber, "200", "80", "1", "0");

 

var dataXML = new Array();

dataXML.push("<chart numberPrefix=' outCnvBaseFontColor='666666' canvasBorderThickness='1' divLineColor='e1f5ff' canvasBorderColor='999999' showAlternateVGridColor='1' plotBorderColor='1' numDivLines='0' showYAxisValue='0' thickness='1' showBorder='2' stack100Percent='1' showLegend='0' >");

dataXML.push("<categories>");

dataXML.push("<category label='GUHA'/>");

dataXML.push("</categories>");

dataXML.push("<set value=\'852414\' displayValue=\'$1.2M vesting (next 6 months)\'/>");

dataXML.push("</chart>");

myChart.setTransparent(true);

myChart.setDataXML(dataXML.join(""));

myChart.render("vestingEvents-"+myNumber);

 

Created Span on UI is :

<span id="financialsChart-14890" style="line-height: 100%; display: inline-block; width: 200px; height: 80px;"></span>

 

In firebug loaded FC.js header is

/* FusionCharts JavaScript Library Copyright FusionCharts Technologies LLP License Information at <http://www.fusioncharts.com/license> @author FusionCharts Technologies LLP @version fusioncharts/3.2.2-release.3880.....

 

thanks & regards

 

Bhaskar

[Guest Angshu]

Hi,

 

Thanks for your post.

 

It seems from your code that you are using a single-series chart SWF(Bar2D.swf) and providing data in multi-series format.

 

To know more about FusionCharts XML data format, please visit the links below:

 

http://docs.fusionch...ngleSeries.html

 

http://docs.fusionch...ultiSeries.html

 

Hope this helps.

[Bhaskar]

Its working fine with flash in old xml also. But empty span created only with javascript renderer.

Created Span on UI is :

<span id="financialsChart-14890" style="line-height: 100%; display: inline-block; width: 200px; height: 80px;"></span>

 

Current XML is

<chart numberPrefix=' outCnvBaseFontColor='666666' canvasBorderThickness='1' divLineColor='e1f5ff' canvasBorderColor='999999' showAlternateVGridColor='1' plotBorderColor='1' numDivLines='0' showYAxisValue='0' thickness='1' showBorder='2' stack100Percent='1' showLegend='0' >

<set value='852414' displayValue='$1.2M vesting (next 6 months)'/>

<trendlines>

<line startValue='22000' color='00cc00' displayValue='Average' />

</trendlines>

<styles>

<definition>

<style name='CanvasAnim' type='animation' param='_xScale' start='0' duration='1' />

</definition>

<application>

<apply toObject='Canvas' styles='CanvasAnim' />

</application>

</styles>

</chart>

Edited January 24, 2012 by Bhaskar

[Guest Angshu]

Hi,

 

Thanks for your response.

 

Could you please download the latest version of FusionCharts i.e FusionCharts XT Service release 1 (v3.2.2) from : http://www.fusioncharts.com/download/trials/ and see if this helps?

 

Please note that FusionCharts XT features a completely new FusionCharts JavaScript class. FusionCharts JavaScript class now consists of four main files: FusionCharts.js, FusionCharts.HC.js, FusionCharts.HC.Charts.js and jquery.min.js. These four files are present in Download Pack > Charts folder. You would only need to include FusionCharts.js in your web page (however, do not forget to copy the rest of files to your web application). The rest of the JavaScript files will be automatically loaded on-demand by FusionCharts.js.

 

Hope this helps.