pitommasi

Test Fusioncharts/maps Without Flash

Recommended Posts

Hi.

How can I test if the JS fallback works? Should I uninstall the flash player or there is a simpler way? (I cannot uninstall/reinstall every time I want to perform a test)

 

Thank you in advance

Share this post


Link to post
Share on other sites

update: I've disabled the flash plugin, in firefox, to perform a test, but instead of the javascript charts, I see the error message saying that I need to download the flash plugin...

what am I missing?

Share this post


Link to post
Share on other sites
Guest Sumedh

Greetings. smile.gif

 

Starting from XT, FusionCharts XT gives you the option using automatic fallback, wherein the charts figure out the best mode of rendering(Flash or JavaScript).

 

Lets you configure whether to render charts exclusively using JavaScript.

 

You need to add only single line of code into your HTML file,

 

FusionCharts.setCurrentRenderer("javascript");

 

Please refer the links for more information:

http://docs.fusionch...pabilities.html

 

http://docs.fusioncharts.com/charts/contents/?FirstChart/UsingPureJS.html

 

Hope this helps. smile.gif

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi. smile.gif

 

Please refer the following code:

 

 

<html>

<head>

<title>My First chart using FusionCharts - Using pure JavaScript</title>

<script type="text/javascript" src="FusionCharts/FusionCharts.js"></script>

</head>

<body>

<div id="chartContainer">FusionCharts will load here!</div>

<script type="text/javascript"><!--

 

FusionCharts.setCurrentRenderer('javascript'); -----------------------------------------------------------------> (if you remove this line, chart will render in Flash else it will render in JavaScript)

 

var myChart = new FusionCharts( "FusionCharts/Column3D.swf", "myChartId", "400", "300", "0", "1" );

 

myChart.setXMLUrl("Data.xml");

 

myChart.render("chartContainer");

 

// -->

</script>

</body>

</html>

 

Please note that, FusionCharts XT allows you to create JavaScript charts (sometimes also referred to as HTML5/Canvas charts).

 

This feature allows you to create charts in web browsers where Flash Player is not supported or is not installed or is disabled, e.g. in iPhone/iPad.

 

FusionCharts internally makes use of extended version of Highcharts library to generate JavaScript charts.

 

This feature works seamlessly with the current implementation mode of FusionCharts, which means you do not have to write any additional code to implement this.

 

FusionCharts.js JavaScript class automatically detects devices like iPhone/iPad/iPod, where Flash is not supported and renders JavaScript charts instead.

 

You can also ignore Flash and only use JavaScript for charting.

 

I am afraid, FusionMaps does not support JavaScript charting, as of now.

 

Please find attached screenshot for your reference.

 

Hope this helps. smile.gif

post-24802-0-61942500-1329216428_thumb.png

Share this post


Link to post
Share on other sites

Let me be more clear:

I do not want to render in JS only, I want to render in flash and take advantage of the automatic fallback only if flash is disabled/unsupported.

 

As per FusionMaps: if there is no flash support, I cannot render any map?

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi. smile.gif

 

To test automatic fallback feature:

 

You can test charts in non-flash environments like : on iPad/iPhone.

 

Or.

 

You can test, by uninstalling the Flash Player completely and try to render charts again into your browser.

 

And also, disabling the Flash Player plugin will not show charts with automatic fallback feature.

 

FusionMaps does not support HTML5/pure JavaScript charting feature (automatic fallback feature), you can render maps in Flash mode only, as of now.

 

However, we are having a road-map for new version of FusionMaps with (HTML5/pure JavaScript charting) automatic fallback feature.

 

We will update you on this, as it will be released.

 

Hope this helps. smile.gif

Share this post


Link to post
Share on other sites

Thank you.

So, to recap:

 

- If I do not put any directive in the code, the fallback is automatic

- I cannot test the automatic fallback without uninstalling the flash plugin completly

 

Am I right?

Also, do you have any idea about when Fusion Maps fallback might be available?

Share this post


Link to post
Share on other sites

Hi,

 

Yes, FusionCharts gives you the option of either using automatic fallback, wherein the charts figure out the best mode of rendering (either Flash or JavaScript, based on availability of Flash Player).

 

You can test the automatic fallback without uninstalling the Flash plugin completely.

 

Starting FusionCharts v3.2, you can now render the charts on devices where Flash player is not supported (like in iPhone/iPad), is not installed or is disabled using the built-in JavaScript rendering capabilities. The charts rendered by this module are purely using JavaScript and do not need Flash Player at all.

 

Our next version of FusionMaps to support HTML 5 rendering is expected to release around second quarter of this year.

 

Hope this helps.:D

Share this post


Link to post
Share on other sites

By disabling the Flash plugin in the browser.

 

For example in Firefox browser,

Tools >> Add-ons >> Disable the Flash plugin

 

Now, by default JavaScript charts will render using FusionCharts XT.:)

Share this post


Link to post
Share on other sites

update: I've disabled the flash plugin, in firefox, to perform a test, but instead of the javascript charts, I see the error message saying that I need to download the flash plugin...

what am I missing?

 

 

seriously, guys, please, read the messages before answering:

I've already tried to disable the plugin and the result is exaclty why I asked in the first place...

Share this post


Link to post
Share on other sites

Hey :),

 

Could you please ensure FusionCharts.HC.js, FusionCharts.HC.Charts.js and jquery.min.js are present in the same folder as FusionCharts.js?

 

These four files are present in Download Pack > Charts folder. You would only need to include FusionCharts.js in your web page. The rest of the JavaScript files will be automatically loaded on-demand by FusionCharts.js.

 

Hope this helps :).

 

 

 

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