Sign in to follow this  
gvsc

Fusion Charts Upgrade To Support Ipad/iphone

Recommended Posts

Hi,

 

I am trying to upgrade the Fusion Charts to V3.2 to support charting on iPad/iPhone. I replaced my existing Fusion Chart JS files with the following, all are in the same folder

 

FusionCharts.HC.Charts.js

FusionCharts.HC.js

FusionCharts.js (This is the only file which is getting included in the html file)

jquery.min.js

 

After updating the files, I am able to see my chart getting rendered properly in IE/FF/Chome with Flash Enabled. Please see the debug information from one of the charts thats getting rendered with Flash Enabled.

 

Info: Chart loaded and initialized.

Initial Width: 600

Initial Height: 400

Scale Mode: noScale

Debug Mode: Yes

Application Message Language: EN

Version: 3.2.1

Chart Type: Multi Series 3D Column Line Dual Y Chart

Chart Objects:

BACKGROUND

CANVAS

CAPTION

SUBCAPTION

YAXISNAME

XAXISNAME

DIVLINES

YAXISVALUES

DATALABELS

DATAVALUES

TRENDLINES

TRENDVALUES

DATAPLOTCOLUMN

DATAPLOTLINE

ANCHORS

TOOLTIP

VLINES

LEGEND

VLINELABELS

 

INFO: Chart registered with external script. DOM Id of chart is chart1Id

INFO: XML Data provided using dataXML method.

XML Data: <chart />

No Data to Display: No data was found in the XML data document provided. Possible cases can be:

There isn't any data generated by your system. If your system generates data based on parameters passed to it using dataURL, please make sure dataURL is URL Encoded.

You might be using a Single Series Chart .swf file instead of Multi-series .swf file and providing multi-series data or vice-versa.

 

INFO: setDataURL method invoked from external script.

INFO: XML Data provided using dataURL method.

dataURL provided: /pmc_data_charting.dl?de_id=21&de_name=EBITDA&period_code=1590&currency_code=0&country_code=0&period_name=Monthly&country_name=All Countries&period_end_date=09/30/2011&drill_period_date=09/30/2011&region_code=0&industry_code=0&region_name=All Regions&industry_name=All Industries

dataURL invoked: /pmc_data_charting.dl?de_id=21&de_name=EBITDA&period_code=1590&currency_code=0&country_code=0&period_name=Monthly&country_name=All Countries&period_end_date=09/30/2011&drill_period_date=09/30/2011&region_code=0&industry_code=0&region_name=All Regions&industry_name=All Industries&FCTime=4816

INFO: setDataURL method invoked from external script.

INFO: XML Data provided using dataURL method.

dataURL provided: /pmc_data_charting.dl?de_id=21&de_name=EBITDA&period_code=1590&currency_code=0&country_code=0&period_name=Monthly&country_name=All Countries&period_end_date=09/30/2011&drill_period_date=09/30/2011&region_code=0&industry_code=0&region_name=All Regions&industry_name=All Industries

dataURL invoked: /pmc_data_charting.dl?de_id=21&de_name=EBITDA&period_code=1590&currency_code=0&country_code=0&period_name=Monthly&country_name=All Countries&period_end_date=09/30/2011&drill_period_date=09/30/2011&region_code=0&industry_code=0&region_name=All Regions&industry_name=All Industries&FCTime=4851

XML Data: <?xml version="1.0" encoding="UTF-8"?><chart caption="EBITDA" subcaption="Global" showValues="0" showColumnShadow="0" sNumberSuffix="%" rotateLabels="1" slantLabels="1" numberPrefix="$" forceYAxisValueDecimals="0" forceSYAxisValueDecimals="0" yAxisValueDecimals="2" rotateValues="1" placeValuesInside="1" showFCMenuItem="0" showPrintMenuItem="0" exportEnabled="1" exportAtClient="0" exportAction="download" exportFileName="ExportedChart" exportHandler="http://dashboard-staging2:8081/fusioncharts/FCExporter.jsp" showBorder="0" bgcolor="FFFFFF" canvasbgColor="FFFFFF"><categories><category label="Oct-10" /><category label="Nov-10" /><category label="Dec-10" /><category label="Jan-11" /><category label="Feb-11" /><category label="Mar-11" /><category label="Apr-11" /><category label="May-11" /><category label="Jun-11" /><category label="Jul-11" /><category label="Aug-11" /><category label="Sep-11" /></categories><dataset valuePosition="ABOVE" showValues="1" seriesName="EBITDA"><set value="2.59239984257E9" link="j-barDrillDown-10/31/2010" /><set value="2.70390246003E9" link="j-barDrillDown-11/30/2010" /><set value="3.35506148855E9" link="j-barDrillDown-12/31/2010" /><set value="2.1282496136E9" link="j-barDrillDown-01/31/2011" /><set value="2.03633461484E9" link="j-barDrillDown-02/28/2011" /><set value="2.88180696917E9" link="j-barDrillDown-03/31/2011" /><set value="2.42646792718E9" link="j-barDrillDown-04/30/2011" /><set value="2.62637478173E9" link="j-barDrillDown-05/31/2011" /><set value="2.99032539092E9" link="j-barDrillDown-06/30/2011" /><set value="2.46356516196E9" link="j-barDrillDown-07/31/2011" /><set value="2.62311559865E9" link="j-barDrillDown-08/31/2011" /><set value="2.74689296883E9" link="j-barDrillDown-09/30/2011" color="B041FF" /></dataset><dataset valuePosition="AUTO" showValues="0" seriesName="% Prior Variance" parentYAxis="S" anchorSides="3" anchorRadius="4"><set value="7.6" /><set value="9.3" /><set value="8.6" /><set value="5.1" /><set value="1.5" /><set value="7.3" /><set value="2.6" /><set value="5.2" /><set value="5.7" /><set value="2.3" /><set value="7.4" /><set value="4.7" /></dataset><dataset valuePosition="AUTO" showValues="0" seriesName="% Budget Variance" parentYAxis="S"><set value="-2.1" /><set value="-0.8" /><set value="-3.8" /><set value="3.5" /><set value="-0.6" /><set value="4.3" /><set value="-3.5" /><set value="-4.2" /><set value="7.2" /><set value="-0.7" /><set value="2.7" /><set value="-3.2" /></dataset></chart>

 

But, when I disable the Flash plugin on the browser and and try to render the same html page, it does not work.

In IE 8 - I get a stack overflow error. Also noticed that only "dataloaded" event is getting called and nothing else.

In FF 9 - I get no error when Firebug is disabled and get the following message where chart is supposed to be rendered... "Loading Chart - Please Wait" but chart never gets rendered. Also, when firebug is enabled, the page complains that a script is running too long and a prompt with option to kill the script. Also, when the prompt comes, it tried to point to "firebug-service.js" file.Also noticed that only "dataloaded" event is getting called and nothing else.

I have also tried calling the following functions to force render in JS with no luck...

FusionCharts.setCurrentRenderer('javascript');

FusionCharts._fallbackJSChartWhenNoFlash();

 

Data is provided to the chart by a call to the webserver, which returns xml, call is something like this...

chartObj.setDataURL(url);

 

but as I mentioned earlier, looks like FC_rendered() itself is not getting called when I force it to use JS rendering or disable flash on the browser...

 

I have already spent good part of 2 days trying to resolve this. It will be very helpful if you can guide me as to what I am doing wrong.

 

>> Whether the JS files that I am using are right/wrong - I tried uploading them for your reference but got an error - "You aren't permitted to upload this kind of file".

>> Is version 3.2.1 supposed to support JS Faillback rendering or not.

>> I also updated all my swf files, not sure if that has any relevance to this or not.

 

A different problem that I am facing is the conflict between jQuery (used by new FusionCharts) vs mootools.js . Can you provide any suggestions as to what is the better approach to handle the conflicts?

 

 

Do let me know if you think any more information from me . Any help if greatly appreciated.

Share this post


Link to post
Share on other sites

Hi,

 

I replaced my JS files and now I am getting all events on the chart object getting called even when flash is disabled. But the problem that I am having now is that the chart is going into a recursion and just not stopping. Its going though its life cycle of events and

tries to goto server and get data and render and keeps doing that without any break ... just goes into an infinite loop.

 

Please note that I have set "FusionCharts.setCurrentRenderer('javascript');" in my code.

 

Any reason as to why this might be happening ?

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

Could you please send us a scaled down sample to look into the issue?

 

Awaiting for your response.

Share this post


Link to post
Share on other sites

Thanks Angshu for your response.

 

I will try to explain my scenario more in detail and will also try to put up a skinned down version soon.

 

Chart is rendered on the html page using the following lines of code...

 

DIV CONTAINER FOR CHART

-----------------------------------------

<div v-align=top id="chart1div" style=width:600px;height:400px;background-color:white;> </div>

 

JS IN HTML PAGE

------------------------

<script>

FusionCharts.debugMode.enabled(true);

var chart1 = new FusionCharts("/images/flash/MSColumn3DLineDY.swf", "chart1Id", "600", "400",{debugMode : true, registerWithJS : true});

chart1.setDataXML("<chart></chart>");

chart1.render("chart1div");

</script>

 

In a separate JS file which is included in the html page with above code, we have the following...

 

JS IN A SEPARATE JS FILE INCLUDED IN ABOVE HTML FILE

------------------------------------------------------------------------------------

function FC_Rendered(DOMId){

alert('hi');

//If it's our required chart

 

chartready = false;

map2ready = false;

if (DOMId=="chart1Id"){

chartready = true;

getChart();

}

}

 

function getChart(){

 

if(!chartready) return;

_deName = document.getElementById('de_drop').options[(document.getElementById('de_drop').selectedIndex == -1 ? 0 : document.getElementById('de_drop').selectedIndex)].text;

_periodName = document.getElementById('period_drop').options[(document.getElementById('period_drop').selectedIndex == -1 ? 0 : document.getElementById('period_drop').selectedIndex)].text;

_countryName = document.getElementById('country_drop').options[(document.getElementById('country_drop').selectedIndex == -1 ? 0 : document.getElementById('country_drop').selectedIndex)].text;

url = "/pmc_data_charting.dl?";

 

url = url + "de_id="+document.getElementById("de_drop").value;

url = url + "&de_name=" + _deName;

url = url + "&period_code="+document.getElementById("period_drop").value;

url = url + "&currency_code="+document.getElementById("currency_drop").value;

url = url + "&country_code="+document.getElementById("country_drop").value;

url = url + "&period_name=" + _periodName;

url = url + "&country_name=" + _countryName;

url = url + "&period_end_date="+document.getElementById("to_date").value;

url = url + "&drill_period_date="+document.getElementById("drill_period_date").value;

url = url + "&region_code="+ document.getElementById("region_code").value;

url = url + "&industry_code="+ document.getElementById("industry_code").value;

url = url + "&region_name=" + document.getElementById('region_drop').options[(document.getElementById('region_drop').selectedIndex == -1 ? 0 : document.getElementById('region_drop').selectedIndex)].text;

url = url + "&industry_name=" + document.getElementById('industry_drop').options[(document.getElementById('industry_drop').selectedIndex == -1 ? 0 : document.getElementById('industry_drop').selectedIndex)].text;

 

 

chartObj = getChartFromId("chart1Id");

alert('url is ['+url+']');

//chartObj.setDataURL(url);

//chartObj.setChartDataUrl(url,"xml");

//chartObj.setXMLUrl(url);

chartObj.setChartData(url,"xmlurl");

 

document.getElementById("de_id").value = document.getElementById("de_drop").value;

document.getElementById("period_code").value = document.getElementById("period_drop").value;

document.getElementById("currency_code").value = document.getElementById("currency_drop").value;

document.getElementById("region_code").value = document.getElementById("region_drop").value;

document.getElementById("industry_code").value = document.getElementById("industry_drop").value;

document.getElementById("country_code").value = document.getElementById("country_drop").value;

 

}

 

FC_rendered() gets called by FusionCharts framework which in turn invokes getChart(), which does the job of going to DB and gettings results. You can see the sample URL from the DEBUG notes that I posted earlier.

Also, you can see that I have tried calling the following methods to get XML data response from my server.

 

//chartObj.setDataURL(url);

//chartObj.setChartDataUrl(url,"xml");

//chartObj.setXMLUrl(url);

chartObj.setChartData(url,"xmlurl");

 

And the behavior is as follows in the above scenarios.

 

With setDataURL(url) - Which we are currently using in PROD, works fine with flash turned on but with flash turned off, it simply doesnt call "FC_rendered" method at all and I get the following JS Error - "chartObj.setDataURL is not a function"

with chartObj.setChartDataUrl(url,"xml") - Which we are currently using in PROD, works fine with flash turned on but with flash turned off, it goes into infinite loop with FusionCharts._fallbackJSChartWhenNoFlash(); settings in the page.

with chartObj.setXMLUrl(url); - Which we are currently using in PROD, works fine with flash turned on but with flash turned off, it goes into infinite loop with FusionCharts._fallbackJSChartWhenNoFlash(); settings in the page.

with chartObj.setXMLUrl(url); - Which we are currently using in PROD, works fine with flash turned on but with flash turned off, it goes into infinite loop with FusionCharts._fallbackJSChartWhenNoFlash(); settings in the page.

 

Hopefully, this information helps... Please let me know if I am missing something or our approach to using the FusionCharts is incorrect.

 

Seems like to me, the following 3 methods are for some reason invoking

 

chartObj.setChartDataUrl(url,"xml");

chartObj.setXMLUrl(url);

chartObj.setChartData(url,"xmlurl");

 

FC_rendered() method after every request to get data from server which is what setDataURL() was doing earlier and may be that is leading to recursion.

Can you also, please explain what is the difference between using one of the above methods over the other ? Also, with chartObj.setDataURL(), we are getting "chartObj.setDataURL is not a function" JS error.

Is this expected ?

 

Thanks,

Chaitanya

 

Hi,

 

Welcome to FusionCharts Forum! smile.gif

 

Could you please send us a scaled down sample to look into the issue?

 

Awaiting for your response.

Share this post


Link to post
Share on other sites

Angshu,

 

please find attached 2 htm files

 

1) From_Sample_Code_data_hardcoded_working_with_no_issues.htm - Adapted from examples... with xml data hardcoded for the chart in the htm and it gets rendered fine with no issues.

2) From_sample_code_modified_to_get_data_from_server_not_working.htm - Adapted from examples... with xml data being retrieved from a server request. This is the approach that we are using for all our graphs.

 

Please check the above files and see if the issue can be replicated on your end. A quick response would be very helpful.

 

Thanks,

Chaitanya

 

Thanks Angshu for your response.

 

I will try to explain my scenario more in detail and will also try to put up a skinned down version soon.

 

Chart is rendered on the html page using the following lines of code...

 

DIV CONTAINER FOR CHART

-----------------------------------------

<div v-align=top id="chart1div" style=width:600px;height:400px;background-color:white;> </div>

 

JS IN HTML PAGE

------------------------

<script>

FusionCharts.debugMode.enabled(true);

var chart1 = new FusionCharts("/images/flash/MSColumn3DLineDY.swf", "chart1Id", "600", "400",{debugMode : true, registerWithJS : true});

chart1.setDataXML("<chart></chart>");

chart1.render("chart1div");

</script>

 

In a separate JS file which is included in the html page with above code, we have the following...

 

JS IN A SEPARATE JS FILE INCLUDED IN ABOVE HTML FILE

------------------------------------------------------------------------------------

function FC_Rendered(DOMId){

alert('hi');

//If it's our required chart

 

chartready = false;

map2ready = false;

if (DOMId=="chart1Id"){

chartready = true;

getChart();

}

}

 

function getChart(){

 

if(!chartready) return;

_deName = document.getElementById('de_drop').options[(document.getElementById('de_drop').selectedIndex == -1 ? 0 : document.getElementById('de_drop').selectedIndex)].text;

_periodName = document.getElementById('period_drop').options[(document.getElementById('period_drop').selectedIndex == -1 ? 0 : document.getElementById('period_drop').selectedIndex)].text;

_countryName = document.getElementById('country_drop').options[(document.getElementById('country_drop').selectedIndex == -1 ? 0 : document.getElementById('country_drop').selectedIndex)].text;

url = "/pmc_data_charting.dl?";

 

url = url + "de_id="+document.getElementById("de_drop").value;

url = url + "&de_name=" + _deName;

url = url + "&period_code="+document.getElementById("period_drop").value;

url = url + "&currency_code="+document.getElementById("currency_drop").value;

url = url + "&country_code="+document.getElementById("country_drop").value;

url = url + "&period_name=" + _periodName;

url = url + "&country_name=" + _countryName;

url = url + "&period_end_date="+document.getElementById("to_date").value;

url = url + "&drill_period_date="+document.getElementById("drill_period_date").value;

url = url + "&region_code="+ document.getElementById("region_code").value;

url = url + "&industry_code="+ document.getElementById("industry_code").value;

url = url + "&region_name=" + document.getElementById('region_drop').options[(document.getElementById('region_drop').selectedIndex == -1 ? 0 : document.getElementById('region_drop').selectedIndex)].text;

url = url + "&industry_name=" + document.getElementById('industry_drop').options[(document.getElementById('industry_drop').selectedIndex == -1 ? 0 : document.getElementById('industry_drop').selectedIndex)].text;

 

 

chartObj = getChartFromId("chart1Id");

alert('url is ['+url+']');

//chartObj.setDataURL(url);

//chartObj.setChartDataUrl(url,"xml");

//chartObj.setXMLUrl(url);

chartObj.setChartData(url,"xmlurl");

 

document.getElementById("de_id").value = document.getElementById("de_drop").value;

document.getElementById("period_code").value = document.getElementById("period_drop").value;

document.getElementById("currency_code").value = document.getElementById("currency_drop").value;

document.getElementById("region_code").value = document.getElementById("region_drop").value;

document.getElementById("industry_code").value = document.getElementById("industry_drop").value;

document.getElementById("country_code").value = document.getElementById("country_drop").value;

 

}

 

FC_rendered() gets called by FusionCharts framework which in turn invokes getChart(), which does the job of going to DB and gettings results. You can see the sample URL from the DEBUG notes that I posted earlier.

Also, you can see that I have tried calling the following methods to get XML data response from my server.

 

//chartObj.setDataURL(url);

//chartObj.setChartDataUrl(url,"xml");

//chartObj.setXMLUrl(url);

chartObj.setChartData(url,"xmlurl");

 

And the behavior is as follows in the above scenarios.

 

With setDataURL(url) - Which we are currently using in PROD, works fine with flash turned on but with flash turned off, it simply doesnt call "FC_rendered" method at all and I get the following JS Error - "chartObj.setDataURL is not a function"

with chartObj.setChartDataUrl(url,"xml") - Which we are currently using in PROD, works fine with flash turned on but with flash turned off, it goes into infinite loop with FusionCharts._fallbackJSChartWhenNoFlash(); settings in the page.

with chartObj.setXMLUrl(url); - Which we are currently using in PROD, works fine with flash turned on but with flash turned off, it goes into infinite loop with FusionCharts._fallbackJSChartWhenNoFlash(); settings in the page.

with chartObj.setXMLUrl(url); - Which we are currently using in PROD, works fine with flash turned on but with flash turned off, it goes into infinite loop with FusionCharts._fallbackJSChartWhenNoFlash(); settings in the page.

 

Hopefully, this information helps... Please let me know if I am missing something or our approach to using the FusionCharts is incorrect.

 

Seems like to me, the following 3 methods are for some reason invoking

 

chartObj.setChartDataUrl(url,"xml");

chartObj.setXMLUrl(url);

chartObj.setChartData(url,"xmlurl");

 

FC_rendered() method after every request to get data from server which is what setDataURL() was doing earlier and may be that is leading to recursion.

Can you also, please explain what is the difference between using one of the above methods over the other ? Also, with chartObj.setDataURL(), we are getting "chartObj.setDataURL is not a function" JS error.

Is this expected ?

 

Thanks,

Chaitanya

 

 

From_Sample_Code_data_hardcoded_working_with_no_issues.htm

From_sample_code_modified_to_get_data_from_server_not_working.htm

Share this post


Link to post
Share on other sites

Angshu,

 

thanks for the reply. After updating my JS files with files from FusionCharts XT suite, I am able to get some of my charts working in JS rendering mode,which is a good news. I am still having some issues with other charts and will update you if I see any more issues.

 

Also, can you please clarify if FusionMaps are also compatible with iPad when I start using the version of FusionMaps file from FusionCharts XT ? I read in FusionWidgets forum that FusionWidgets are not iPad compliant yet and in an external forum that FusionMaps are not iPad compliant yet. I need an answer to this as we also have some maps on our website which we want to have working properly on iPad. Please clarify ?

 

Thanks,

Chaitanya

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Thanks for your response.

 

I am afraid, FusionMaps does not support rendering on Ipad, as of now.

 

We would get back to you once there is a any news from our end.

 

Thank you very much for your continued patience and patronage.

 

Hope you have a great day!

Share this post


Link to post
Share on other sites

Angshu,

 

After updating to FusionCharts XT version, I am able to get my charts working. However I still have some issue.

I see that the browser/flash plug in crashing when I am trying to render a "Heat Map" chart.... the amount of xml data I send back is very minimal and I have looked at other posts where limitation regd. memory for Flash plugin by version have been provided by you and I am pretty sure

that I am not anywhere near that. Any reason you can think of why that might be happening ? Also, Funnel charts are not getting rendered at all after the JS Files update. All the above scenarios that I have mentioned is related to Flash based rendering itself. I havent still tried to render them via JS. Also, on the page that has a FusionMap of the world, it seems as if I am not able to get a handle to JS object

either by using

 

chartObj = FusionMaps("chart1Id");

or

chartObj = FusionCharts("chart1Id");

 

as I noticed that JS executing comes and stops here. It doesnt throw an error though. Not sure what is happening or if I am trying to get a handle to the object in a wrong fashion.

 

>> Please also clarify if Funnel charts rendering is supported in pure JS mode or not in FusionCharts XT?

>> Please also clarify if Heat Map rendering is supported in pure JS mode or not in FusionCharts XT?

Also, it will be immensely helpful to me if you can clarify what components/chart types have dependency on what files to be included. If there is already such kind of information available ... please point me to the location.

 

Also, as you may know, in the package zip file that you provide, JS files with the same name are located in more than 1 directory. Please confirm which location I should pick the files from ? It would be utter waste of time that we realize after all debugging that the root cause of issue is using wrong source files.

 

>> Please clarify the locations along with which type of charts are having a dependency on which JS file.

 

Currently I have the following files all located in the same folder.

 

FusionCharts.js (70KB)

FusionChartsExportComponent.js(8KB)

FusionMaps.js(14KB)

FusionMapsExportComponent.js(28KB)

jquery.min.js(71KB)

 

Only FusionCharts.js/FusionMaps.js/FusionChartsExportComponent.js are included in the html file.

 

Also, very important final question...

If I upgrade to FusionCharts XT, is it backward compatible with old code ? Currently, it looks as if it just doesnt like certain stuff...

getChartById() doesnt work

setDataURl(url) doesnt work etc.

 

the documentation says that they are deprecated but shdnt they be supported still for backward compatibility ?

 

looking forward to your answer.

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Thanks for your response.

 

Please note that FusionCharts suite consists of Four products i,e FusionCharts XT SR1(v3.2.2), FusionWidgets (v 3.1.1), PowerCharts (v 3.2) and FusionMaps (v 3.1).

 

Each product consists of separate chart type(swf) and JS Files as per your requirement.

 

Heat map and funnel chart are parts of PowerCharts (v 3.2) and FusionWidgets( v 3.1.1) respectively.

 

Please note that we have released FusionWidgets XT beta version which would support JS rendering.

 

To have a look and download the same, please visit:http://www.fusioncharts.com/labs/xt/widgets/

 

To have a complete list of charts available in each package , please visit the links below:

 

http://docs.fusioncharts.com/charts/?Introduction/ChartList.html

 

http://docs.fusioncharts.com/widgets/Contents/ChartList.html

 

http://docs.fusioncharts.com/powercharts/Contents/Introduction/ChartList.html

 

http://docs.fusioncharts.com/maps/Contents/MapsList.html

 

To download each products, please visit the link: http://www.fusioncharts.com/download/trials/

 

After registering, you would be redirected to the download page.

 

You can download the entire FusionCharts suite or select the individual product for downloading.

 

Please note that all the features of FusionCharts XT (v3.2.2) are backward compatible with earlier versions. Hence, upgrading is as easy as copy-pasting files.

 

More details at: http://docs.fusioncharts.com/charts/?Introduction/Upgrading32.html

 

For documentation link , please visit the links below:

 

http://docs.fusioncharts.com/charts/

 

http://docs.fusioncharts.com/widgets/

 

http://docs.fusioncharts.com/powercharts/

 

http://docs.fusioncharts.com/maps/

 

Yes, all currency symbols are supported in JS mode of rendering in FusionCharts XT SR1(v3.2.2)

 

Could you please confirm the products you are looking for to support currency symbols in JS mode of rendering?

 

Hope I am able to clarify you with your queries.

Share this post


Link to post
Share on other sites

Thanks Angshu,

 

can you confirm if FusionChart's Function attribute - "slantLabels" is supported in JS rendering mode ?

What we are seeing is that with this attribute turned on, the flash charts seems to have labels slanted (the way we want) but the same chart does not have labels slanted in html5/JS rendering mode.

Please clarify ?

 

Thanks,

Chaitanya

 

Share this post


Link to post
Share on other sites

Angshu,

 

one more question... We currently have export enabled for our charts and have overridden the export ability by providing our own server url for export.

 

After doing an upgrade to FusionCharts XT, I noticed that it doesnt honour the settings we have provided for export and export always happens from highcharts export server via internet.

 

This is what I am trying to do, to have the ability to export on Flash based charts only and not on charts which are rendered in JS/HTML5 way. From searching the documentation, this is the code I came up with,

 

// Check whether it is an js chart or not

if( typeof chartObj1._overrideJSChartConfiguration === 'function'){

// pass exporting configuration module

chartObj1._overrideJSChartConfiguration({

exporting:{

enabled: false

}

});

}

 

But, this does not help. I noticed that, even when rendering of the chart is happening in HTML5/JS mode, the following condition is not true.

 

if( typeof chartObj1._overrideJSChartConfiguration === 'function'){

BTW, I also tried the following (third '=' I guess is a typo)

if( typeof chartObj1._overrideJSChartConfiguration == 'function'){

 

Also, I get the following error, when I try to force call the method without the if condition check...

 

chartObj1._overrideJSChartConfiguration is not a function

 

Can you please confirm if I am doing something wrong wrt above code ? Or if there is a different route I should take to get what I want.

 

please clarify.

 

Thanks,

Chaitanya

Edited by gvsc

Share this post


Link to post
Share on other sites
Guest Angshu

Hi,

 

Thanks for your post.

 

Yes, labels can be used as slanted in JS/HTML 5 mode.

 

Please find the screenshot attached for your reference.(the chart on the right side is a JS/HTML 5 chart).

 

For a live example of pure JavaScript chart export, please refer to the link: http://docs.fusionch...criptChart.html

 

The sample code for the same can be found from : FusionCharts XT- FusionCharts_Evaluation- Code- ExportChartSamples- PureJavaScript Folder of the download package.

 

Hope this helps.

post-10517-0-15475200-1327298244_thumb.png

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
Sign in to follow this