JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.google.com/jsapi?fake=.js"></script>
<div id="chart1"></div>
<div id="chart2"></div>
<div id="chart"></div>

JavaScript

console.log("Test");
function drawChart() {
    var d11 = new google.visualization.DataTable();
    d11.addColumn('date','Date');
    d11.addColumn('number','Earning1');
    d11.addRows([[new Date('2013-01-10'),312],[new Date('2013-02-14'),600],[new Date('2013-03-20'),520]]);
    
    var d12 = new google.visualization.DataTable();
    d12.addColumn('date','Date');
    d12.addColumn('number','Cost1');
    d12.addRows([[new Date('2013-01-16'),582],[new Date('2013-02-20'),162],[new Date('2013-03-14'),432]]);
    
    var jD1 = google.visualization.data.join(d11,d12,'full',[[0,0]],[1],[1]);
    
    var chart = new google.visualization.LineChart(document.querySelector('#chart1'));
    chart.draw(jD1,{height:200,width:400,interpolateNulls:true});
    
    //

    var d21 = new google.visualization.DataTable();
    d21.addColumn('date','Date');
    d21.addColumn('number','Earning2');
    d21.addRows([[new Date('2013-01-19'),212],[new Date('2013-02-22'),300],[new Date('2013-03-07'),220]]);
    
    var d22 = new google.visualization.DataTable();
    d22.addColumn('date','Date');
    d22.addColumn('number','Cost2');
    d22.addRows([[new Date('2013-01-03'),282],[new Date('2013-02-18'),362],[new Date('2013-03-24'),232]]);
    
    var jD2 = google.visualization.data.join(d21,d22,'full',[[0,0]],[1],[1]);
    
    console.log(jD2);
    var chart = new google.visualization.LineChart(document.querySelector('#chart2'));
    chart.draw(jD2,{height:200,width:400,interpolateNulls:true});
    
    //

    var jD = google.visualization.data.join(jD1,jD2,'full',[[0,0]],[1,2],[1,2]);
    
    var chart = new google.visualization.LineChart(document.querySelector('#chart'));
    chart.draw(jD,{height:200,width:400,interpolateNulls:true});
}
google.load('visualization', '1', {packages:['corechart'], callback: drawChart});