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
  • …
 
<html>
<head>
    <style>
        #visualization {
            width: 80%;
            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 chartData = new google.visualization.DataTable();
​
        chartData.addColumn('string', 'X'); // Implicit series 1 data col.
        chartData.addColumn('number', 'DOGS'); // Implicit domain label col.
        chartData.addColumn({type:'string', role:'annotation'});
        chartData.addColumn({type:'string', role:'annotationText'});  
        chartData.addColumn('number', 'CATS'); // Implicit domain label col.
        chartData.addColumn({type:'string', role:'annotation'});
        chartData.addColumn({type:'string', role:'annotationText'});  
​
        var data1 = [
            [ 'C', 4, 'Dog1', 'Dog1 note',  7, 'Cat1', 'Cat1 note'],
            [ 'D', 6, 'Dog2', 'Dog2 note', 11, 'Cat2', 'Cat3 note'],
            [ 'O', 4, 'Dog3', 'Dog3 note', 13, 'Cat3', 'Cat3 note']
        ];
    
        chartData.addRows(data1);
    
        var chart = new    
          google.visualization.LineChart(document.getElementById('visualization'));
​
        var options = {
             title: "My Title",                            
        };
        
        chart.draw(chartData,options);
    
    }
</script>
</head>
​
<body>
    <!--Div that will hold the pie chart-->
    <div id="visualization"></div>
</body>
</html>
 
​
Output

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

Dismiss x
public
Bin info
antojurkovicpro
0viewers