JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.google.com/jsapi"></script>
<div id="barchart_material" style="width: 900px; height: 500px;"></div>

JavaScript

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Year', 'Sales', 'Expenses', 'Profit1', 'Sales1', 'Expenses1', 'Profit2', 'Sales2', 'Expenses2', 'Profit3'],
        ['2014', 0, 120, 0, 0, 0, 0, 0, 0, 0],
        ['2015', 0, 0, 0, 0, 0, 0, 0, 0, 0],
        ['2016', 0, 0, 0, 0, 0, 0, 0, 0, 0],
        ['2017', 0, 0, 0, 0, 0, 0, 0, 0, 0]
       ]);
    
    var options = {
        height: 450,
        chart: {
            title: 'Company Performance',
            subtitle: 'Sales, Expenses, and Profit: 2014-2017',
        },
         
        vAxis: {
            scaleType: 'mirrorLog',
    
    },
       

    };
    
    var chart = new google.visualization.ColumnChart(document.getElementById('barchart_material'));

    
    chart.draw(data, options);
}

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