JSFiddle - React, Tailwind, and code Playground
by Michel Penke
HTML
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="verlauf_invest" style="width: 100%; height: 500px; margin-bottom: 20px;"></div>
<div id="chart_div" style="width: 100%; height: 500px; margin-bottom: 20px;"></div>
<script>
google.charts.load('current', {'packages':['corechart', 'line']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Director (Year)', 'Westwing', 'Jumia', 'Foodpanda', 'Linio', 'Lazada', 'Delivery Hero', 'LaNeveraRoja / Pizzabo', 'Global Fashion Group', 'Home24', 'HelloFresh'],
['April ´15', 0.15, 0.04, 0.28, 0.09, 0.23, 0.98, 0.13, 0.63, 0.41, 0.32],
['Juni ´15', 0.15, 0.04, 0.28, 0.09, 0.23, 1.08, 0.13, 0.67, 0.44, 0.32],
['September ´15', 0.15, 0.04, 0.28, 0.09, 0.23, 1.08, 0.13, 0.68, 0.44, 1.47 ],
['November ´15', 0.15, 0.04, 0.28, 0.12, 0.23, 1.08, 0.13, 0.68, 0.44, 1.47],
['März ´16', 0.15, 0.07, 0.28, 0.08, 0.23, 1.08, 0, 0.68, 0.44, 1.47],
['April ´16', 0.15, 0.07, 0.28, 0.08, 0.15, 1.08, 0, 0.18, 0.44, 1.47],
['September ´16', 0.15, 0.07, 0.28, 0.08, 0.15, 1.08, 0, 0.18, 0.18, 1.47]
]);
var options = {
title: 'Last Portfolio Value bei Rocket Internet',
vAxis: {title: 'in Milliarden Euro', position: 'true'},
isStacked: true,
legend: { position: 'true' },
width: '100%',
chartArea: {width: '70%', left: 60},
colors: ['#dd4477', '#6D4C41', '#424242', '#109618', '#dc3912', '#009688', '#8BC34A', '#990099', '#0099c6', '#ff9900']
};
var chart = new google.visualization.SteppedAreaChart(document.getElementById('verlauf_invest'));
chart.draw(data, options);
}
google.charts.setOnLoadCallback(drawLineColors);
function drawLineColors() {
var data = new...