{"id":15954,"date":"2015-07-13T05:01:27","date_gmt":"2015-07-12T19:01:27","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=15954"},"modified":"2015-07-12T14:32:05","modified_gmt":"2015-07-12T04:32:05","slug":"phpjavascript-google-candlestick-waterfall-chart-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/phpjavascript-google-candlestick-waterfall-chart-tutorial\/","title":{"rendered":"PHP\/Javascript Google Candlestick Waterfall Chart Tutorial"},"content":{"rendered":"
\"PHP\/Javascript<\/a>

PHP\/Javascript Google Candlestick Waterfall Chart Tutorial<\/p><\/div>\n

We’re returning to Google Graphs API, or Google Chart Tools, and its Candlestick Chart functionality as last talked about, specifically, with previous PHP\/Javascript\/HTML Google Chart Candlestick Chart Tutorial<\/a> (as shown below), to develop, further, here, some improved functionality. Specifically we address …<\/p>\n

    \n
  1. a way to show a Waterfall look<\/li>\n
  2. a way to cater for a POST message from an HTML form (so that more data can be handled)<\/li>\n
  3. a way to show a customised tooltip<\/li>\n<\/ol>\n

    The last two tooltip functionality improvements above, you may remember also being applied to a Pie Chart with PHP and jQuery Google Pie Chart Tooltips Tutorial<\/a> a couple of days back and to the Map Chart some days back when we published PHP\/Javascript\/HTML Google Chart Map Onclick Tutorial<\/a>. As the weeks go on, others will also be attended to.<\/p>\n

    It is quite likely that now is a good time for you to consult the Candlestick (or Waterfall) Chart information page … via Google<\/a>.<\/p>\n

    The Candlestick Chart’s tooltip (content) is heavily weighted towards a standard row number range display, as you might expect, so we looked up whether other ideas can come into play and we stumbled upon this excellent webpage<\/a>, for which we give hearty thanks.<\/p>\n

    If you’ve “digested” this information, you’ll see that it calls upon jQuery<\/a> functionality to help out our usual Javascript client code for the Candlestick (or Waterfall) Charts. It is clever enough to allow an onmouseover (ie. hover event) tooltip to be able to handle HTML functionality, so you’ll see most of the changes to our PHP candlestick_chart.php<\/a> code revolving around …<\/p>\n