Google Charts Sandbox

by Eric M

HTML

<script src="https://www.google.com/jsapi"></script>

<div id="Draw">Draw</div>
<div id="chart_div"></div>

JavaScript

$('#Run').click(function()({
   drawChart(); 
});

function drawChart() {
    google.load("visualization", "1", {
        packages: ["corechart"]
    });

    var data = google.visualization.arrayToDataTable([
        ['Mon', 20, 28, 38, 45],
        ['Tue', 31, 38, 55, 66],
        ['Wed', 50, 55, 77, 80],
        ['Thu', 77, 77, 66, 50],
        ['Fri', 68, 66, 22, 15]
        // 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);
}