How to use XY chart?



Hey guys i saw the component xy chart in appybuilder but not able to use it . how can be put X and Y values in chart ? im not able to find relevant blocks there.


guys anyone ? kindly help


same problem here!!!


no one replied :smiley: :smiley:


It seems that XYChart is for show only!!!
No doc and no Example!


We may remove that in future. Please take a look below


Thanks Hossein
I didn’t find any example or .aia file in obove link!


Check it again. There is a link to a text file


Thanks again
Can you copy/ paste link of example? I can’t find it!
Wordpress is blocked in my country(Iran). I’m using VPN.


@Ahmad_M.Nejad Please see below:

Google Charts provides a variety of charts designed for data visualization. These charts are based on pure HTML5/SVG technology, so no plugins are required. All of them are interactive, and many are pannable and zoomable. AppyBuilder includes a feature that allows you to add these charts to your mobile apps in a few simple steps.

Below is an app that was developed in AppyBuilder GOLD in matter of minutes!

AppyBuilder includes a WebViewer component. The WebViewer component includes a block called WebViewer.LoadHtml (see image above) that will allow you to load any type of html and set it to WebViewer. In above case, the html is set to THIS html, allowing for animated / interactive chart.


The result is a link text on tablet screen!


Dear Hossein
I’m not a beginner (20 years Assembly/C/Delphi programmer).
When I’m confused, my students …


@Ahmad_M.Nejad Your block coding is not correct. You need to copy the THIS html text into a text-block (see image below)


I just created a quick .aia to show how its done - see this: googleChart.aia (2.0 KB)

That block will produce show a chart with below image. Use for using different charts



Thanks a lot
It works very well.
I have some java script experiences and do changes for other type of charting.