Forum | Appery.io

I want to display the chart(bar chart/pie chart etc..) in mobile app by using fusioncharts.

Which component should be taken for the chart?

Which component should be taken for the chart?
I have the javascript as follows :

Hello! It's not a good idea to use flash, it's not supported on all devices. Please take a look at this plugin http://www.jqplot.com/, it's easy to work with.

Hey Priya,

FusionCharts Suite supports rendering of charts using HTML5 component.

PCs, Macs, iPads, iPhones or Android devices, FusionCharts Suite XT brings the same delight to all of them. It works with all your web and mobile applications that are rendered within a browser, including even IE6.

The code you have posted will be able to render the charts in mobile app. Please ensure the FusionCharts.HC.js, FusionCharts.HC.Charts.js and jquery.min.js are present in the same folder as FusionCharts.js.

Hello Swarnam,
I have added the above mentioned .js files from app setting/external resources.
But on which component the chart should be rendered? Is it possible without any component?

Hi Priya,

If you have the required JavaScript files within your application, the above code you have attached will render the Column 3D chart in JavaScript mode.

Are you talking about the SWF component? If yes, SWF files are not required.

Hello,
I have created a chart using the above code and it runs on the browser.The same, i want to do it in appery's mobile app. So, what are the steps to render the chart in mobile app?Which component should be taken for the chart?

Can you please explain it with example?

Hi Priyanka,

You need HTML Panel component.

In App settings connect the source code of external libraries as external resources or copy their code as JS/CSS-asset.

Follow the documentation of the selected library on a call of its parts. Appery("html_panel_name") returns a Panel jQuery object that can be passed to the selected library.

Hello Katya!
I have the code to plot a graph :

Then, I have to add jquery.min.js, jquery.jqplot.min.js and jquery.jqplot.css from app setting and in 'Edit HTML' panel write the function of jplot, and instead of chartdiv i have to use Appery("html_panel_name"), right?

             I have implemented the above mentioned steps, its not working.  

And i have set the HTML panel as 'div' and on Page Load Event Run JavaScript as mentioned above and rendered the chart to that div name.....this is also not working.
I think i m not getting the right track. Please, help me...

Thanks.