JSFiddle - React, Tailwind, and code Playground

by amcharts

HTML

<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="http://www.amcharts.com/lib/3/serial.js"></script>
<body>
    <div id="chartdiv" style="height: 400px; width: 100%"></div>
</body>

JavaScript

// ALLGEMEINE EINSTELLUNGEN
AmCharts.thousandsSeparator = ".";
AmCharts.decimalSeparator = ",";
AmCharts.precision = 1;

var epoq_colors = ["#aec71e", "#029dd9", "#40b4a6", "#39a935", "#008d36", "#006633"];

var data = [{
    "date": "Jun 10, 2015 12:00:00 AM",
    "Antwortzeit": "158.42",
}, {
    "date": "Jun 11, 2015 12:00:00 AM",
    "Antwortzeit": "224.31",
}, {
    "date": "Jun 12, 2015 12:00:00 AM",
    "Antwortzeit": "114.3",
}, {
    "date": "Jun 13, 2015 12:00:00 AM",
    "Antwortzeit": "249.67",
}, ];

function StackedBarChart(data, chartdivname, type, definition) {
            if (data === undefined || data === 0 || data === null || data.length === 0) {
		data = new Array();
		data = [{
			"date": "Jan 28, 2015 12:00:00 AM",
			"views": 0,
			"clicks": 0
		}];
	}
	

	var elementcount = data.length;
	// GET KEY-NAMES
	var valuesnumber = Object.keys(data[0]).length;

    /*
	for(i=0; i < elementcount; i++) {
		for (j = 0; j < valuesnumber; j++) {
			if (Object.keys(data[i])[j] !== "date") {
				data[i][Object.keys(data[i])[j]] = data[i][Object.keys(data[i])[j]] * 1;
			}
			
		}
	}
    */
	console.log(data);
	var posvalues = [];
	var position = 2;
	for (i = 0; i <= valuesnumber; i++) {
		if (Object.keys(data[0])[i] === "date") {
			posvalues[0] = i;
		} else {
			
			if (Object.keys(data[0])[i] === "y_value") {
				posvalues[1] = i;
			} else {
				posvalues[position] = i;
				position++;
			}
		}
	}
	var valuesnumber = posvalues.length-1;

	// change values to double
	
	
	chart = new AmCharts.AmSerialChart();
	chart.dataProvider = data;
	chart.categoryField = Object.keys(data[0])[posvalues[0]];
	chart.plotAreaBorderAlpha = 0.0;
	chart.numberFormatter = {
        precision: 1,
        decimalSeparator: ",",
        thousandsSeparator: "."
    }
	// CATEGORY
	var categoryAxis = chart.categoryAxis;
	categoryAxis.fontFamily = "Arial";
	categoryAxis.fontSize = 12;
	categoryAxis.gridColor = "#ffffff";
	categoryAxis.color = "#000";
	categoryAxis.axisAlpha =...