Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<style>
    #chart_div {
        width: 50%;
        height: 100%;
    }   
</style>
    
<!--Load the AJAX API-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
    
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);
​
    function drawChart() {
        
        var obj = [
            [new Date(1387717021701),   1],
            [new Date(1387719023801),   2],
            [new Date(1387721025901),   4],
            [new Date(1387723027001),   8],
        ];
        
        var data = new google.visualization.DataTable();
        data.addColumn('datetime', 'Date');
        data.addColumn('number', 'Buy');
        data.addRows(obj)
​
​
        var options = {
            curveType: "function",
            width: 500, 
            height: 400,
            vAxis: {maxValue: 10}, 
            title: 'test',
            hAxis: {
                format: "HH:mm"
                //format: "HH:mm:ss"
                //format:'MMM d, y'
            },
            explorer: { 
                actions: ['dragToZoom', 'rightClickToReset'], 
                axis: 'vertical'
            }
        };
​
        var chart = new google.visualization.LineChart(
                            document.getElementById('chart_div'));
        chart.draw(data, options);
    }
</script>
</head>
​
<body>
    <!--Div that will hold the pie chart-->
    <div id="chart_div"></div>
</body>
</html>
 
​
 
​
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
antojurkovicpro
0viewers