{"id":19877,"date":"2016-02-01T03:01:01","date_gmt":"2016-01-31T17:01:01","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=19877"},"modified":"2016-01-31T09:50:02","modified_gmt":"2016-01-30T23:50:02","slug":"compound-interest-versus-simple-interest-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/compound-interest-versus-simple-interest-primer-tutorial\/","title":{"rendered":"Compound Interest Versus Simple Interest Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/compound_vs_simple.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Compound Interest Versus Simple Interest Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/compound_vs_simple.jpg\" title=\"Compound Interest Versus Simple Interest Primer Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Compound Interest Versus Simple Interest Primer Tutorial<\/p><\/div>\n<p>Hope you remembered the <a target=_blank title='Hares and rabbits' href='http:\/\/www.yankeemagazine.com\/article\/marysfarm\/rabbit'>hares and rabbits<\/a> as we start February with a financial planning web application building on yesterday&#8217;s <a title='Google Chart Select Event Post Readiness Tutorial' href='#gcseprt'>Google Chart Select Event Post Readiness Tutorial<\/a> work.<\/p>\n<p>So let&#8217;s recap (from yesterday) &#8230;<\/p>\n<blockquote><p>\nThese Google Chart Line\/Bar\/Area\/Column Chart changes involved &#8230;<br \/>\n &#8230; and were done to cater for data POSTed to these charts &#8230;<br \/>\nWe talk more tomorrow, but you might well choose to POST to these charts as a default method in preference to a GET method as a means to cater for any or all amounts of data needed to be passed in for processing.\n<\/p><\/blockquote>\n<p> &#8230; and so here we are, today, looking at the issue from the viewpoint of the parent part of the parent\/iframe <i>Compound Interest Versus Simple Interest<\/i> web application we have today.  With &#8220;parent\/iframe&#8221; you can think &#8220;parent\/child&#8221; today.  Today the &#8220;parent&#8221; asks the &#8220;child&#8221; to do something &#8230; <font size=1>as if?!<\/font>  That&#8217;s it today, but you may recall with the recent <i>Dynamic Pollster<\/i> web application talked about with <a target=_blank title='Google Chart Histogram Chart Select Event Synergy Tutorial' href='http:\/\/www.rjmprogramming.com.au\/ITbog\/google-chart-histogram-chart-select-event-synergy-tutorial\/'>Google Chart Histogram Chart Select Event Synergy Tutorial<\/a> of recent times, that the &#8220;child&#8221; (iframed Histogram Chart) was able to send something back to the &#8220;parent&#8221; via Javascript DOM code like &#8230;<\/p>\n<p><code><br \/>\nvar oblurb=parent.document.getElementById('blurb');<br \/>\n\/\/ ...<br \/>\n\/\/ ....<br \/>\nif (oblurb != null && onego == true) {<br \/>\n          oblurb.innerHTML=('For ' + colparts[0] + ' ' + postdparts[0].replace(']','') + ' you clicked ' + colparts[1] + ' of ' + postdparts[1].replace(']','') + ' ' + avblurb).replace(String.fromCharCode(10),'&lt;br&gt;').replace(String.fromCharCode(10),'&lt;br&gt;').replace(String.fromCharCode(10),'&lt;br&gt;').replace(String.fromCharCode(10),'&lt;br&gt;').replace(String.fromCharCode(10),'&lt;br&gt;').replace(String.fromCharCode(10),'&lt;br&gt;').replace(String.fromCharCode(10),'&lt;br&gt;').replace(String.fromCharCode(10),'&lt;br&gt;').replace(String.fromCharCode(10),'&lt;br&gt;').replace(String.fromCharCode(10),'&lt;br&gt;');<br \/>\n}<br \/>\n<\/code><\/p>\n<p> &#8230; so, these things are possible &#8230; but we digress.<\/p>\n<p>Okay, back at the &#8220;parent&#8221; asking the &#8220;child&#8221; to do something &#8230; what if it involves memorising the phone book (<font size=1>okay, contact list<\/font>) and then finishing off that web application to make toast for you getting up in the morning before you even knew you wanted toast, all before 4pm?  Well, that&#8217;s a lot of data, and the GET method that results in a very long URL won&#8217;t cut ice for these scenarios for very long.  And in today&#8217;s <i>Compound Interest Versus Simple Interest<\/i> scenario a lot of data sent to the &#8220;child&#8221; (iframe) could well occur, depending on what the user of the web application asks of the web application.<\/p>\n<p>So we POST the data (via an HTML form element target=[iframeID]), and yesterday we got ready for the &#8220;child&#8221; (iframe) to be able to handle this.  Part of being able to handle this is that within the &#8220;child&#8221; (iframe) <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts<\/a> <a target=_blank title='Google Charts select event help ... from Google' href='https:\/\/developers.google.com\/chart\/interactive\/docs\/events?hl=en'>select event<\/a> &#8220;haven&#8221; for business logic they use, at least for non-mobile platforms, the functionality to &#8230;<\/p>\n<ul>\n<li>send an email using the email client you have installed<\/li>\n<li>ability to change the data detail to &#8220;tweak&#8221; a chart, perhaps<\/li>\n<li>ability to change to other &#8220;synergy&#8221; Google Chart types<\/li>\n<\/ul>\n<p> &#8230; which all involve a GET method URL based approach when they reach the Javascript <i>prompt<\/i> window user interaction off the <i>select event<\/i> of the Google Chart  &#8230; so we have to convert the POSTed data into the ability to create GET method conversions, and before sending, filter this through our very generic Javascript function &#8220;iftoobig()&#8221; method to perhaps resort back to POSTed data if too long for a GET URL scenario, and if allowable.<\/p>\n<p>The upshot of all this is that our <i>Compound Interest Versus Simple Interest<\/i> has a graphical Google Chart &#8220;child&#8221; (iframe) component, to make it a lot better web application, which leaves us with a <a target=_blank title='Compound Interest Versus Simple Interest' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/compound_vs_simple.html' title='click picture'>live run<\/a> link and some HTML\/Javascript <a target=_blank title='Compound Interest Versus Simple Interest' href='http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/compound_vs_simple.html_GETME' title='compound_vs_simple.html'>compound_vs_simple.html<\/a> programming source code for you to peruse and complete the picture from yesterday&#8217;s preparation.<\/p>\n<hr>\n<p id='gcseprt'>Previous relevant <a target=_blank title='Google Chart Select Event Post Readiness Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-select-event-post-readiness-tutorial\/'>Google Chart Select Event Post Readiness Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/testcase.html\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Select Event Post Readiness Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/post_readiness.jpg\" title=\"Google Chart Select Event Post Readiness Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Select Event Post Readiness Tutorial<\/p><\/div>\n<p>Tomorrow we have a new web application that uses the <b>bold<\/b> <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.'>Google Charts<\/a> (and their <a target=_blank title='Google Charts select event help ... from Google' href='https:\/\/developers.google.com\/chart\/interactive\/docs\/events?hl=en'>select events<\/a> &#8220;haven&#8221; for business logic) in the list below &#8230;<\/p>\n<ul>\n<li><b>Area Chart<\/b><\/li>\n<li><b>Bar Chart<\/b> (and Bar Chart Differences)<\/li>\n<li><b>Column Chart<\/b> (and Column Chart Differences)<\/li>\n<li><b>Line Chart<\/b><\/li>\n<li>Map Chart<\/li>\n<li>Pie Chart<\/li>\n<\/ul>\n<p> &#8230; charts which came in the list of ones changed when we presented the <a target=_blank title='Google Chart Select Event Cache Issue Tutorial' href='#gcsecit'>Google Chart Select Event Cache Issue Tutorial<\/a> as shown below.<\/p>\n<p>These Google Chart Line\/Bar\/Area\/Column Chart changes involved &#8230;<\/p>\n<ul>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/AreaChart\/area_chart.php------GETME\" title=\"area_chart.php\" target=\"_blank\">area_chart.php<\/a> is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/AreaChart\/area_chart.php------GETME\" title=\"area_chart.php\" target=\"_blank\">changes<\/a> for this <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/AreaChart\/area_chart.php\" title=\"live run\" target=\"_blank\">live run<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/BarChart\/bar_chart.php-------GETME\" title=\"bar_chart.php\" target=\"_blank\">bar_chart.php<\/a>  is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/BarChart\/bar_chart.php-------GETME\" title=\"bar_chart.php\" target=\"_blank\">changes<\/a> for this <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/BarChart\/bar_chart.php\" title=\"live run\" target=\"_blank\">live run<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/column_chart.php--------GETME\" title=\"column_chart.php\" target=\"_blank\">column_chart.php<\/a>  is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/column_chart.php-------GETME\" title=\"column_chart.php\" target=\"_blank\">changes<\/a> for this <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/column_chart.php\" title=\"live run\" target=\"_blank\">live run<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/LineChart\/line_chart.php-------GETME\" title=\"line_chart.php\" target=\"_blank\">line_chart.php<\/a> is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/LineChart\/line_chart.php-------GETME\" title=\"line_chart.php\" target=\"_blank\">changes<\/a> for this <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/LineChart\/line_chart.php\" title=\"live run\" target=\"_blank\">live run<\/a><\/li>\n<\/ul>\n<p> &#8230; and were done to cater for data POSTed to these charts &#8230; the <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/testcase.html\" title='test case'>live run<\/a> <a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/testcase.html_GETME\" title='testcase.html'>testcase.html<\/a> being a test case for us &#8230; from an HTML form.  Why might we do this?  We talk more tomorrow, but you might well choose to POST to these charts as a default method in preference to a GET method as a means to cater for any or all amounts of data needed to be passed in for processing.  The need for such functionality improvements is often not always apparent at the start of writing a piece of code, because it is only &#8220;down the track&#8221; you realise how that code could come into play as a modular piece of code, with just a small, extra amount of effort &#8230; the effort of today.  We hope to complete this picture tomorrow &#8230; and don&#8217;t forget the <a target=_blank title='Hares and rabbits' href='http:\/\/www.yankeemagazine.com\/article\/marysfarm\/rabbit'>hares and rabbits<\/a>.<\/p>\n<hr>\n<p id='gcsecit'>Previous relevant <a target=_blank title='Google Chart Select Event Cache Issue Tutorial' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-select-event-cache-issue-tutorial\/'>Google Chart Select Event Cache Issue Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/PieChart\/pie_chart.php\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Google Chart Select Event Cache Issue Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/PHP\/PieChart\/cache_issue.jpg\" title=\"Google Chart Select Event Cache Issue Tutorial\"  style=\"float:left;\" \/><\/a><p class=\"wp-caption-text\">Google Chart Select Event Cache Issue Tutorial<\/p><\/div>\n<p>We&#8217;re still trying for yet more &#8220;genericity&#8221; with our Google Graphs API, or Google Chart Tools, web and mobile applications today, building on yesterday&#8217;s <a target=_blank title='Google Chart Select Event Email Integration Tutorial' href='#gcseeit'>Google Chart Select Event Email Integration Tutorial<\/a> as shown below, with integration involving <a target=_blank title='Email information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Email'>email<\/a>, yesterday more for non-mobile usage and today, more for mobile platform usage, that we first tried on our recent <strike>&#8220;guinea pig&#8221;<\/strike> <strike>&#8220;guinea fowl&#8221;<\/strike> <font size=1>(so yesterday)<\/font> <a target=_blank title='Guinea Baboon' href='http:\/\/www.google.com\/#q=guinea+baboon'>&#8220;guinea baboon&#8221;<\/a> functionalities (of recent times) &#8230;<\/p>\n<ul>\n<li>Area Chart<\/li>\n<li>Bar Chart (and Bar Chart Differences)<\/li>\n<li>Column Chart (and Column Chart Differences)<\/li>\n<li>Line Chart<\/li>\n<li>Map Chart<\/li>\n<li>Pie Chart<\/li>\n<\/ul>\n<p>It probably comes as no surprise that chart data can be a great conversation starter for meetings or online discussions conducted via email, for example.  They say &#8220;a picture tells a thousand words&#8221; &#8230; MMM look at that pie chart over yonder &#8230; see &#8230; three thousand words &#8230; <font size=1>chortle, chortle<\/font>.<\/p>\n<p>Do you remember yesterday? &#8230;<\/p>\n<blockquote>\n<p>We use <a target=_blank title='Mailto link information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tryit.asp?filename=tryhtml_link_mailto'>mailto<\/a> links to direct the user to their default client mail supervisors to make all this happen.  You will find, with PHP, that you can email without this client email via the use of the <a target=_blank title='PHP mail method information' href='http:\/\/php.net\/manual\/en\/function.mail.php'>mail<\/a> method.<\/p>\n<\/blockquote>\n<p>&#8230; Well, our concentration on <i>mailto<\/i> (that works fine on non-mobile platforms) needed to be balanced with some mobile platform consideration that uses that PHP <i>mail<\/i> method, so as not to navigate too far away in our iOS app&#8217;s WebView.<\/p>\n<p>And we did some work with Google Chart Pie Charts today to add &#8220;select&#8221; event functionality, and to try to stop it using the <a target=_blank title='Cache information from Wikipedoa ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Cache_(computing)'>cache<\/a>, as we want the iOS app reflect changes we make to things, and be able to let the iOS app user recover from an unforseen problem exacerbated by the return to a bad caching scenario.<\/p>\n<p>We found good advice about this cache issue at this <a target=_blank title='Cache useful link' href='http:\/\/stackoverflow.com\/questions\/1479359\/is-there-a-way-to-disable-browser-cache-for-a-single-page'>useful link<\/a>, so, thanks.  You may read from this page that there is an HTML <a target=_blank title='HTML meta tag information from w3schools' href='http:\/\/www.w3schools.com\/tags\/tag_meta.asp'>meta<\/a> tag approach to this, but we prefer a PHP approach, and use, up the top of the PHP the code snippet &#8230;<\/p>\n<p><code><br \/>\nheader( \"Expires: Mon, 20 Dec 1998 01:00:00 GMT\" );<br \/>\nheader( \"Last-Modified: \" . gmdate(\"D, d M Y H:i:s\") . \" GMT\" );<br \/>\nheader( 'Cache-Control: no-store, no-cache, must-revalidate' );<br \/>\nheader( 'Cache-Control: post-check=0, pre-check=0', false );<br \/>\nheader( 'Pragma: no-cache' );<br \/>\n<\/code><\/p>\n<p>&#8230; you will find up the top of the PHP <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/PieChart\/pie_chart.php-----GETME\" title=\"map.php\" target=\"_blank\">pie_chart.php<\/a> programming source code.<\/p>\n<p>These Google Chart Pie\/Line\/Bar\/Area\/Column\/Map Chart changes involved &#8230;<\/p>\n<ul>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/AreaChart\/area_chart.php-----GETME\" title=\"area_chart.php\" target=\"_blank\">area_chart.php<\/a> is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/AreaChart\/area_chart.php-----GETME\" title=\"area_chart.php\" target=\"_blank\">changes<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/BarChart\/bar_chart.php------GETME\" title=\"bar_chart.php\" target=\"_blank\">bar_chart.php<\/a> (<a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/BarChart\/bar_chart_diff.php-----GETME\" title=\"bar_chart_diff.php\" target=\"_blank\">bar_chart_diff.php<\/a>) is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/BarChart\/bar_chart.php------GETME\" title=\"bar_chart.php\" target=\"_blank\">changes<\/a> (and <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/BarChart\/bar_chart_diff.php-----GETME\" title=\"bar_chart_diff.php.php\" target=\"_blank\">changes<\/a>)<\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/column_chart.php------GETME\" title=\"column_chart.php\" target=\"_blank\">column_chart.php<\/a> (<a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/column_chart_diff.php-----GETME\" title=\"column_chart_diff.php\" target=\"_blank\">column_chart_diff.php<\/a>) is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/column_chart.php------GETME\" title=\"colimn_chart.php\" target=\"_blank\">changes<\/a> (and <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/column_chart_diff.php-----GETME\" title=\"column_chart_diff.php.php\" target=\"_blank\">changes<\/a>)<\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/LineChart\/line_chart.php------GETME\" title=\"line_chart.php\" target=\"_blank\">line_chart.php<\/a> is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/LineChart\/line_chart.php------GETME\" title=\"line_chart.php\" target=\"_blank\">changes<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/map.php-------GETME\" title=\"map.php\" target=\"_blank\">map.php<\/a> is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/map.php--------GETME\" title=\"map.php\" target=\"_blank\">changes<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/PieChart\/pie_chart.php-----GETME\" title=\"map.php\" target=\"_blank\">pie_chart.php<\/a> is the changed PHP programming source code as per <a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Geographicals\/diff.php?one=http:\/\/www.rjmprogramming.com.au\/PHP\/PieChart\/pie_chart.php-----GETME\" title=\"pie_chart.php\" target=\"_blank\">changes<\/a><\/li>\n<\/ul>\n<p>Link to Google Chart Tools &#8220;spiritual home&#8221; &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/index' title='Google Chart Tools provide a perfect way to visualize data on your website. From simple line charts to complex hierarchical tree maps, the chart galley provides a large number of well-designed chart types. Populating your data is easy using the provided client- and server-side tools.\n'>via Google<\/a>.<br \/>\nLink to Google Chart Tools Area Chart information &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/areachart' title='Google Area Charts'>via Google<\/a>.<br \/>\nLink to Google Chart Tools Bar Chart information &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/barchart' title='Google Bar Charts'>via Google<\/a>.<br \/>\nLink to Google Chart Tools Column Chart information &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/columnchart' title='Google Column Charts'>via Google<\/a>.<br \/>\nLink to Google Chart Tools Line Chart information &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/linechart' title='Google Line Charts'>via Google<\/a>.<br \/>\nLink to Google Chart Tools Map Chart information &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/map' title='Google Map Charts'>via Google<\/a>.<br \/>\nLink to Google Chart Tools Pie Chart information &#8230; <a target=_blank href='https:\/\/developers.google.com\/chart\/interactive\/docs\/gallery\/piechart' title='Google Area Charts'>via Google<\/a>.<\/p>\n<p>This extra functionality, available via the suffix \u201c&#038;onclick=y\u201d applied to the Google Chart Area and Bar and Column and Line and Map and Pie Chart title, flows on directly to the iPad iOS App we created and talked about, last, with <a target=_blank href='https:\/\/www.rjmprogramming.com.au\/ITblog\/xcode-swift-ios-application-end-game-primer-tutorial\/' title='Xcode Swift iOS Application End Game Primer Tutorial'>Xcode Swift iOS Application End Game Primer Tutorial<\/a>.<\/p>\n<p>So please try creating your own emailable Google Chart live runs for &#8230;<\/p>\n<ul>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/AreaChart\/area_chart.php\" title=\"area_chart.php\" target=\"_blank\">Area Chart<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/BarChart\/bar_chart.php\" title=\"bar_chart.php\" target=\"_blank\">Bar Chart<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/ColumnChart\/column_chart.php\" title=\"column_chart.php\" target=\"_blank\">Column Chart<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/LineChart\/line_chart.php\" title=\"line_chart.php\" target=\"_blank\">Line Chart<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/Map\/map.php\" title=\"line_chart.php\" target=\"_blank\">Map Chart<\/a><\/li>\n<li><a href=\"http:\/\/www.rjmprogramming.com.au\/PHP\/PieChart\/pie_chart.php\" title=\"pie_chart.php\" target=\"_blank\">Pie Chart<\/a><\/li>\n<\/ul>\n<p><font size=1>No guinea pigs (nor guinea fowl, nor guinea baboons) were harmed in the making of this blog post.<\/font> <font size=2>Honest, hen!<\/font><\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d18026' onclick='var dv=document.getElementById(\"d18026\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/cache\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d18026' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d19852' onclick='var dv=document.getElementById(\"d19852\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/google-chart\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d19852' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d19877' onclick='var dv=document.getElementById(\"d19877\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/bar-chart\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d19877' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hope you remembered the hares and rabbits as we start February with a financial planning web application building on yesterday&#8217;s Google Chart Select Event Post Readiness Tutorial work. So let&#8217;s recap (from yesterday) &#8230; These Google Chart Line\/Bar\/Area\/Column Chart changes &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/compound-interest-versus-simple-interest-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,14,37],"tags":[380,434,452,513,518,576,587,614,652,861,932,970,997,1000,1319,1350,1356],"class_list":["post-19877","post","type-post","status-publish","format-standard","hentry","category-elearning","category-event-driven-programming","category-tutorials","tag-email","tag-finance","tag-form","tag-google","tag-google-chart","tag-html","tag-iframe","tag-integration","tag-javascript","tag-onclick","tag-php","tag-post","tag-programming","tag-prompt-popup-box","tag-tutorial","tag-user-experience","tag-ux"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/19877"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=19877"}],"version-history":[{"count":7,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/19877\/revisions"}],"predecessor-version":[{"id":19884,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/19877\/revisions\/19884"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=19877"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=19877"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=19877"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}