Google Chart API

by Alejandro Hernández

HTML

<script src="http://www.google.com/jsapi?ext.js"></script>
<div id="chart" style="width:100%; height:300px"></div>

JavaScript

function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'Fecha');
    data.addColumn('number', 'Total');
    data.addColumn('number', 'Remanente');
    data.addColumn('number', 'Bod. Remanente');
    data.addRows([
[new Date('2018-10-10'),300,257,10],
[new Date('2018-10-11'),500,309,33],
[new Date('2018-10-12'),100,49,30],
[new Date('2018-10-13'),450,291,47],
[new Date('2018-10-14'),100,12,42],
[new Date('2018-10-15'),285,3,51],
[new Date('2018-10-16'),123,88,22]
    ]);
    
    var options = {
      title: 'Stock',
      bar: {groupWidth: "70%"},
      seriesType: "bars",
      series: {1: {type: "scatter", curveType: 'function'}},  
      
      vAxis: {title: 'Places',
              titleTextStyle:{color: 'green'}},
        colors:['#336699','#555','#996633']
    };
    
    var chart = new google.visualization.ComboChart(document.getElementById('chart'));
    chart.draw(data, options);
}

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