{"id":11696,"date":"2015-01-19T05:02:16","date_gmt":"2015-01-18T18:02:16","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/wordpress\/?p=11696"},"modified":"2015-01-19T05:02:16","modified_gmt":"2015-01-18T18:02:16","slug":"google-charts-emailing-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/google-charts-emailing-primer-tutorial\/","title":{"rendered":"Google Charts Emailing Primer Tutorial"},"content":{"rendered":"
\"Google<\/a>

Google Charts Emailing Primer Tutorial<\/p><\/div>\n

The Google Charts<\/a> (derived) webpages here at this rjmprogramming.com.au WordPress blog have all changed to add functionality for emailing snapshots of the Google Charts “midstream”. You can see a table of tutorials, and corresponding PHP code (with the last row being our one new bit of Javascript code) affected below …<\/p>\n

\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Date (GMT)<\/th>\nFile<\/th>\nRelative Path<\/th>\nExt<\/th>\nBlog Search Link<\/th>\nEmail Functionality Code Difference Link<\/th>\n<\/tr>\n<\/thead>\n
20150118.<\/a>084126<\/td>\nwordtree_chart.php–GETME<\/a><\/td>\nPHP<\/a>\/Wordtree<\/a>\/<\/td>\nphp<\/td>\nwordtree_chart.php–GETME<\/a><\/td>\nwordtree_chart.php–GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>084014<\/td>\ntreemap_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/TreemapChart<\/a>\/<\/td>\nphp<\/td>\ntreemap_chart.php-GETME<\/a><\/td>\ntreemap_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>083922<\/td>\ntimeline_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/TimelineChart<\/a>\/<\/td>\nphp<\/td>\ntimeline_chart.php-GETME<\/a><\/td>\ntimeline_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>083813<\/td>\nsparkline.php-GETME<\/a><\/td>\nPHP<\/a>\/Sparkline<\/a>\/<\/td>\nphp<\/td>\nsparkline.php-GETME<\/a><\/td>\nsparkline.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>083632<\/td>\nscatter_chart_diff.php–GETME<\/a><\/td>\nPHP<\/a>\/ScatterChart<\/a>\/<\/td>\nphp<\/td>\nscatter_chart_diff.php–GETME<\/a><\/td>\nscatter_chart_diff.php–GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>083632<\/td>\nscatter_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/ScatterChart<\/a>\/<\/td>\nphp<\/td>\nscatter_chart.php-GETME<\/a><\/td>\nscatter_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>083526<\/td>\nsankey_diagram.php-GETME<\/a><\/td>\nPHP<\/a>\/SankeyDiagram<\/a>\/<\/td>\nphp<\/td>\nsankey_diagram.php-GETME<\/a><\/td>\nsankey_diagram.php-GETME<\/a><\/td>\n<\/tr>\n
20150117.<\/a>192253<\/td>\ncolumn_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/ColumnChart<\/a>\/<\/td>\nphp<\/td>\ncolumn_chart.php-GETME<\/a><\/td>\ncolumn_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>083224<\/td>\npie_chart.php–GETME<\/a><\/td>\nPHP<\/a>\/PieChart<\/a>\/<\/td>\nphp<\/td>\npie_chart.php–GETME<\/a><\/td>\npie_chart.php–GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>083223<\/td>\npie_chart_diff.php-GETME<\/a><\/td>\nPHP<\/a>\/PieChart<\/a>\/<\/td>\nphp<\/td>\npie_chart_diff.php-GETME<\/a><\/td>\npie_chart_diff.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>083056<\/td>\nparabola_lgraph.php-GETME<\/a><\/td>\nPHP<\/a>\/ParabolaLineGraph<\/a>\/<\/td>\nphp<\/td>\nparabola_lgraph.php-GETME<\/a><\/td>\nparabola_lgraph.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>082835<\/td>\nGoogle_OrgChart.php-GETME<\/a><\/td>\nPHP<\/a>\/OrgChart<\/a>\/<\/td>\nphp<\/td>\nGoogle_OrgChart.php-GETME<\/a><\/td>\nGoogle_OrgChart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>081008<\/td>\nmotion_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/MotionChart<\/a>\/<\/td>\nphp<\/td>\nmotion_chart.php-GETME<\/a><\/td>\nmotion_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>080704<\/td>\nline_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/LineChart<\/a>\/<\/td>\nphp<\/td>\nline_chart.php-GETME<\/a><\/td>\nline_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>080603<\/td>\nlinear_trendline.php-GETME<\/a><\/td>\nPHP<\/a>\/LinearTrendline<\/a>\/<\/td>\nphp<\/td>\nlinear_trendline.php-GETME<\/a><\/td>\nlinear_trendline.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>080453<\/td>\nintervals.php-GETME<\/a><\/td>\nPHP<\/a>\/IntervalsChart<\/a>\/<\/td>\nphp<\/td>\nintervals.php-GETME<\/a><\/td>\nintervals.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>065621<\/td>\nannotatedtimeline_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/AnnotatedTimelineChart<\/a>\/<\/td>\nphp<\/td>\nannotatedtimeline_chart.php-GETME<\/a><\/td>\nannotatedtimeline_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>075812<\/td>\nintensity_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/IntensityChart<\/a>\/<\/td>\nphp<\/td>\nintensity_chart.php-GETME<\/a><\/td>\nintensity_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>071933<\/td>\nhistogram_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/HistogramChart<\/a>\/<\/td>\nphp<\/td>\nhistogram_chart.php-GETME<\/a><\/td>\nhistogram_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>071648<\/td>\ngeo_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/GeoChart<\/a>\/<\/td>\nphp<\/td>\ngeo_chart.php-GETME<\/a><\/td>\ngeo_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>071454<\/td>\ngauge_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/GaugeChart<\/a>\/<\/td>\nphp<\/td>\ngauge_chart.php-GETME<\/a><\/td>\ngauge_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>070737<\/td>\ncolumn_chart.php–GETME<\/a><\/td>\nPHP<\/a>\/ColumnChart<\/a>\/<\/td>\nphp<\/td>\ncolumn_chart.php–GETME<\/a><\/td>\ncolumn_chart.php–GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>070736<\/td>\ncolumn_chart_diff.php-GETME<\/a><\/td>\nPHP<\/a>\/ColumnChart<\/a>\/<\/td>\nphp<\/td>\ncolumn_chart_diff.php-GETME<\/a><\/td>\ncolumn_chart_diff.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>070456<\/td>\nchart_wrapper.php-GETME<\/a><\/td>\nPHP<\/a>\/ChartWrapper<\/a>\/<\/td>\nphp<\/td>\nchart_wrapper.php-GETME<\/a><\/td>\nchart_wrapper.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>070255<\/td>\ncandlestick_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/CandlestickChart<\/a>\/<\/td>\nphp<\/td>\ncandlestick_chart.php-GETME<\/a><\/td>\ncandlestick_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>070153<\/td>\ncalendar_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/CalendarChart<\/a>\/<\/td>\nphp<\/td>\ncalendar_chart.php-GETME<\/a><\/td>\ncalendar_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>070054<\/td>\nbubble_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/BubbleChart<\/a>\/<\/td>\nphp<\/td>\nbubble_chart.php-GETME<\/a><\/td>\nbubble_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>065939<\/td>\nbar_chart.php–GETME<\/a><\/td>\nPHP<\/a>\/BarChart<\/a>\/<\/td>\nphp<\/td>\nbar_chart.php–GETME<\/a><\/td>\nbar_chart.php–GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>065938<\/td>\nbar_chart_diff.php-GETME<\/a><\/td>\nPHP<\/a>\/BarChart<\/a>\/<\/td>\nphp<\/td>\nbar_chart_diff.php-GETME<\/a><\/td>\nbar_chart_diff.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>065753<\/td>\narea_chart.php-GETME<\/a><\/td>\nPHP<\/a>\/AreaChart<\/a>\/<\/td>\nphp<\/td>\narea_chart.php-GETME<\/a><\/td>\narea_chart.php-GETME<\/a><\/td>\n<\/tr>\n
20150118.<\/a>070054<\/td>\nmap.php-GETME<\/a><\/td>\nPHP<\/a>\/Map<\/a>\/<\/td>\nphp<\/td>\nmap.php-GETME<\/a><\/td>\nmap.php-GETME<\/a><\/td>\n<\/tr>\n
20150117.<\/a>190535<\/td>\ngchartgen.js_GETME<\/a><\/td>\n<\/td>\njs<\/td>\ngchartgen.js_GETME<\/a><\/td>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

Let’s now discuss some tactics that can work to be a bit objective about the task of making these changes in a methodical and systematic way.<\/p>\n