JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.2/moment.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.10/c3.js"></script>
<div id="chart"></div>

JavaScript

var chart = c3.generate({
    data: {
        x: 'time',
        xFormat: '%Y-%m-%dT%H:%M:%S',
       json:{
		"data:EGLC": [0.0, 25.0, 25.0, 60.0, 44.0, 42.0, 66.0, 44.0, 46.0, 42.0, 30.0, 30.0, 30.0, 30.0, 30.0, 30.0, 30.0, 30.0, 30.0, 28.0, 24.0, 30.0, 32.0, 38.0],
		"data:EGLD": [5.0, 13.0, -15.0, -15.0, -15.0, -15.0, -15.0, -15.0, -15.0, 13.0, 14.0, 14.0, 14.0, 14.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 11.0, 11.0, 11.0, 11.0],
		"data:AustinLab": [0.0, 23.0, 23.0, 30.0, 32.0, 31.0, 43.0, 32.0, 33.0, 31.0, 20.0, 20.0, 20.0, 20.0, 20.0, 20.0, 20.0, 20.0, 20.0, 24.0, 22.0, 25.0, 26.0, 24.0],
		"data:Munich": [0.0, 23.0, 23.0, 30.0, 32.0, 31.0, 43.0, 32.0, 33.0, 31.0, 20.0, 20.0, 20.0, 20.0, 20.0, 20.0, 20.0, 20.0, 20.0, 24.0, 22.0, 25.0, 26.0, 24.0],
		"time": ["2018-01-28T02:00:00", "2018-02-07T01:00:00", "2018-02-07T02:00:00", "2018-02-07T03:00:00", "2018-02-07T04:00:00", "2018-02-07T05:00:00", "2018-02-07T06:00:00", "2018-02-07T07:00:00", "2018-02-07T08:00:00", "2018-02-07T09:00:00", "2018-02-07T10:00:00", "2018-02-07T11:00:00", "2018-02-07T12:00:00", "2018-02-07T13:00:00", "2018-02-07T14:00:00", "2018-02-07T15:00:00", "2018-02-07T16:00:00", "2018-02-07T17:00:00", "2018-02-07T18:00:00", "2018-02-07T19:00:00", "2018-02-07T20:00:00", "2018-02-07T21:00:00", "2018-02-07T22:00:00", "2018-02-07T23:00:00"]
	}
    },
    axis: {
         x: {
         type: 'timeseries',
         tick: {
          fit: true,
              format: '%H:%M:%S',
         }
         }
    }
});