Getting Started

[karthik_k2]

Hi,

 

I just started using Fusion Widgets (v3.1.1). As suggested in the manual, I have included ll the SWF files. But still I am not getting any widgets displayed. It just shows an empty screen. It dors not throw any errors either. Do I have to any other configurations?

 

Looking for your directions...

[Guest Sumedh]

Hi,

 

Could you please provide information on following points?

 

> What chart type is used?

 

> Is it rendered in Flash or JavaScript?

 

> Which .js files you have included in your project?

 

> Can you paste your XML code here?

 

Awaiting your response.

[karthik_k2]

Hi,

 

Could you please provide information on following points?

 

> What chart type is used?

 

> Is it rendered in Flash or JavaScript?

 

> Which .js files you have included in your project?

 

> Can you paste your XML code here?

 

Awaiting your response.

 

 

Bullet chart is the one I am trying to configure. It is rendered using javascript only. I have included FusionCharts.js file which was in the folder Fusion Widgets Enterprise v3.1.1\JSClass. The code is :

 

loadBulletChartFusionWidget : function (){

var that = this;

FusionCharts.setCurrentRenderer('javascript');

var chart = new FusionCharts("FusionWidgets/Charts/HBullet.swf", that.getComponent(that

.getWrapperId()).el.id

+ "_TEMP", that.chartW, that.chartH, "0", "1");

 

chart.setJSONData({

"chart" : {

"lowerlimit" : "0",

"upperlimit" : "100",

"caption" : "Revenue",

"subcaption" : "US $ (1,000s)",

"numberprefix" : "$",

"numbersuffix" : "K",

 

"showvalue" : "1"

 

},

 

"colorrange" : {

 

"color" : [

 

{

 

"minvalue" : "0",

 

"maxvalue" : "50",

 

"color" : "A6A6A6"

 

},

 

{

 

"minvalue" : "50",

 

"maxvalue" : "75",

 

"color" : "CCCCCC"

 

},

 

{

 

"minvalue" : "75",

 

"maxvalue" : "100",

 

"color" : "E1E1E1"

 

}

 

]

 

},

 

"value" : "78.9",

 

"target" : "80"

 

}

 

);

chart.render(that.getComponent(that.getWrapperId()).el.id);

 

 

 

}

 

 

The HTML Node object(renderer Id), width and height are all defined in some other method.

 

 

 

 

 

 

[Guest Sumedh]

Hi,

 

I am afraid, FusionWidgets does not support JavaScript rendering in the version you are currently using. This feature is supported in FusionWidgets XT v3.2

 

For more information please refer the following link:

http://docs.fusioncharts.com/widgets/Contents/?Introduction/WhatsNew.html

 

You would need to upgrade the version to use javascript rendering feature.

[karthik_k2]

Hi,

 

I am afraid, FusionWidgets does not support JavaScript rendering in the version you are currently using. This feature is supported in FusionWidgets XT v3.2

 

For more information please refer the following link:

http://docs.fusionch...n/WhatsNew.html

 

You would need to upgrade the version to use javascript rendering feature.

 

 

Thanks Sumedh. I will upgrade it.

[Guest Sumedh]

[karthik_k2]

Hi again,

 

I have upgraded my fusion widgets to FusionWidgets_Enterprise XT v3.2.2, but still I am not seeing anything. I think I am not including some js files in the script tag. I have included FusionCharts.js only. Is it fine? If it is, please let me know where I can go wrong.

 

Thanks.

[Guest Sumedh]

Hi,

 

For creating widgets in JavaScript, you would need to copy FusionCharts.js, FusionCharts.HC.js, FusionCharts.HC.Widgets.js and jquery.min.js files from Download Pack > Charts folder into your project folder.

 

Also, you would need to add following line into your code for widget to render in pure JavaScript.

 

FusionCharts.setCurrentRenderer("javascript");

 

For more information, please read more here: http://docs.fusionch...singPureJS.html

 

Hope this helps.

[karthik_k2]

Hi,

 

For creating widgets in JavaScript, you would need to copy FusionCharts.js, FusionCharts.HC.js, FusionCharts.HC.Widgets.js and jquery.min.js files from Download Pack > Charts folder into your project folder.

 

Also, you would need to add following line into your code for widget to render in pure JavaScript.

 

FusionCharts.setCurrentRenderer("javascript");

 

For more information, please read more here: http://docs.fusionch...singPureJS.html

 

Hope this helps.

 

 

I have done all those but still it is not showing anything. Neither it throws any error. Please see one of previous threads where i have added my js code. Anyways I will cross check it one more time.

[karthik_k2]

Hi,

 

I made some stupid mistake in including the js files in the script tag. Now i am able to see the chart but still the loadMask is there and it shows an error "p.dataReady is not a function".

[Guest Sumedh]

Hi,

 

I am not able to comprehend your issue.

 

Can you please elaborate your query a bit more?

 

Please find attached screenshot and illustration which is rendered in pure JavaScript.

JS_Widget.zip