Candlestick Chart Example

An example of a Google Candlestick Chart.

by Peter Galiba

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1','packages':['corechart']}]}"></script>
       <div id="chart_div" style="width: 600px; height: 500px;"></div>

JavaScript

google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
      ['Mon', 13, 18, 22, 28],
      ['Tue', 28, 33, 49, 59],
      ['Wed', 40, 70, 100, 110],
      ['Thu', 90, 100, 140, 150],
      ['Fri', 150, 160, 220, 230],
      ['Sat', 240, 250, 330, 340]
      // Treat first row as data as well.
    ], true);

    var options = {
      legend:'none'
    };

    var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div'));

    chart.draw(data, options);
  }