JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://www.google.com/jsapi"></script>

    
    <div id="linechart_material"></div>

JavaScript

google.load('visualization', '1.1', {packages: ['line']});
    google.setOnLoadCallback(drawChart);

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('date', 'Date');
      data.addColumn('number', 'Test 1');
      data.addColumn('number', 'Product 1');
      data.addColumn('number', 'Product 2');
      data.addColumn('number', 'Product 3');	  

      data.addRows([
	  


[new Date(2015, 01, 1),  73, 88, 96, 79],[new Date(2015, 02, 1),  100, 75, 86, 90],[new Date(2015, 03, 1),  76, 95, 93, 86],[new Date(2015, 04, 1),  95, 75, 100, 98],[new Date(2015, 05, 1),  91, 31, 88, 85],[new Date(2015, 06, 1),  90, 74, 72, 79],[new Date(2015, 07, 1),  95, 80, 90, 78],      ]);

      var options = {
        chart: {
          title: 'test',
          subtitle: '',
        },
        width: 1300,
        height: 600,
		vAxis: { format: 'percent' }



      };

      var chart = new google.charts.Line(document.getElementById('linechart_material'));
	  
      chart.draw(data, options);
    }