JSFiddle - React, Tailwind, and code Playground

by Michel Penke

HTML

<div id="chart_div" style="width: 100%; height: 500px;"></div>

<script>// <![CDATA[

google.charts.load('current', {'packages':['corechart','bar']});
google.charts.setOnLoadCallback(drawChart); 
function drawChart() { 
var data2 = google.visualization.arrayToDataTable([ 
['Folge', 'Marktanteil in Prozent'], 
["S1F1", 8.4], ["S1F2", 8.7], 
["S1F3", 8.4], ["S1F4", 8.6], 
["S1F5", 9.7], ["S1F6", 9.0], 
["S1F7", 8.9], ["S1F8", 9.5], 
["S1F9", 8.5], ["S2F1", 10.9], 
["S2F2", 10.1], ["S2F3", 10.0], 
["S2F4", 10.2], ["S2F5", 14.0], 
["S2F6", 11.1], ["S2F7", 11.0], 
["S2F8", 12.9], ["S2F9", 13.5], 
["S2F10", 13.3], ["S2F11", 11.1], 
["S3F1", 18.0], ["S3F2", 19.2] 
]); 

var options2 = { 
title: 'Quote der Zuschauer zwischen 14 - 49 Jahren', 
chartArea:{left:40, right: 40}, 
width: '100%', 
'legend': { position: 'none' }, 
hAxis: {title: 'Year', titleTextStyle: {color: '#fff'}}, 
vAxis: {minValue: 0} }; 

var chart2 = new google.visualization.AreaChart(document.getElementById('chart_div')); chart2.draw(data2, options2);}// ]]></script>