karthik_k2

Getting Started

Recommended Posts

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...

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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.

 

 

 

 

 

 

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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".

Share this post


Link to post
Share on other sites
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.

post-24802-0-23786400-1332760033_thumb.png

JS_Widget.zip

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now