Intel XDK: Controls 4: Using Google Charts widget
Google Charts is a useful widget if you want to dsiplay a chart from your data on your phone using an app.
At first you need to have a chart to display.
A simple way to create a Google chart is described here. You could have also started the Google Chart Application (online) and inserted your own data. I just used the procedure at the indicated link.
Once you have a shared data, using the widget is very easy.
Drag and drop the widget as shown on your page. Disregard the Insert Text button and the Latin text.
GoogleChartWidget_00
Click on the Google Chart Widget on your designer to display the PROPERTIES window as shown.
GoogleChartWidget_01
By default it comes up with a preconfigured URL using a Google Spreadsheet created by a user who has shared his/her spreadsheet.
In its place, use the one created by you as indicated earlier. In this particular case, I used this URL from the data I imported from MS Access.
https://docs.google.com/spreadsheets/d/1kJ3JPGMkdub9Mv_jTyiMN20wMtoHgXwM6SxwjVRAxIo/edit#gid=1724573625
GoogleChartWidget_02
That's it really. Just click emulate and choose an emulator. This is how the page would look on iPhone 6S.
GoogleChartWidget_03
Thanks for viewing this post.
Mahalo
TAB BAR Control in App Framework 7 here:
http://hodentekmobile.blogspot.com/2016/08/intel-xdk-controls-9-tab-bar-control-in.html
At first you need to have a chart to display.
A simple way to create a Google chart is described here. You could have also started the Google Chart Application (online) and inserted your own data. I just used the procedure at the indicated link.
Once you have a shared data, using the widget is very easy.
Drag and drop the widget as shown on your page. Disregard the Insert Text button and the Latin text.
GoogleChartWidget_00
Click on the Google Chart Widget on your designer to display the PROPERTIES window as shown.
GoogleChartWidget_01
By default it comes up with a preconfigured URL using a Google Spreadsheet created by a user who has shared his/her spreadsheet.
In its place, use the one created by you as indicated earlier. In this particular case, I used this URL from the data I imported from MS Access.
https://docs.google.com/spreadsheets/d/1kJ3JPGMkdub9Mv_jTyiMN20wMtoHgXwM6SxwjVRAxIo/edit#gid=1724573625
GoogleChartWidget_02
That's it really. Just click emulate and choose an emulator. This is how the page would look on iPhone 6S.
GoogleChartWidget_03
Thanks for viewing this post.
Mahalo
TAB BAR Control in App Framework 7 here:
http://hodentekmobile.blogspot.com/2016/08/intel-xdk-controls-9-tab-bar-control-in.html
Comments