JavaScript
var canvas = document.getElementById('canvas');
var config1 = {
"type": "line",
"data": {
"labels": ["06/06/2017", "06/07/2017", "06/08/2017", "06/09/2017", "06/10/2017", "06/11/2017", "06/12/2017", "06/13/2017", "06/14/2017", "06/15/2017", "06/16/2017", "06/17/2017", "06/18/2017", "06/19/2017", "06/20/2017", "06/21/2017", "06/22/2017", "06/23/2017", "06/24/2017", "06/25/2017", "06/26/2017", "06/27/2017", "06/28/2017", "06/29/2017", "06/30/2017", "07/01/2017", "07/02/2017", "07/03/2017", "07/04/2017", "07/05/2017", "07/06/2017", "07/07/2017", "07/08/2017", "07/09/2017", "07/10/2017", "07/11/2017", "07/12/2017", "07/13/2017", "07/14/2017", "07/15/2017", "07/16/2017", "07/17/2017", "07/18/2017", "07/19/2017", "07/20/2017", "07/21/2017", "07/22/2017", "07/23/2017", "07/24/2017", "07/25/2017", "07/26/2017", "07/27/2017", "07/28/2017", "07/29/2017", "07/30/2017", "07/31/2017", "08/01/2017", "08/02/2017", "08/03/2017", "08/04/2017", "08/05/2017", "08/06/2017", "08/07/2017", "08/08/2017"],
"datasets": [{
"label": "Bezug",
"backgroundColor": "#757575",
"borderColor": "#757575",
"yAxisID": "axis2",
"xAxisID": "axis-time",
"borderWidth": 2,
"fill": false,
"pointRadius": 0,
"data": [2487, 2745, 4979, 2383, 2389, 2655, 2689, 2656, 2552, 2768, 2882, 2698, 3033, 3075, 3817, 3661, 4780, 3739, 4433, 4738, 4187, 3119, 3543, 2659, 3996, 2833, 2765, 4422, 2843, 1820, 2514, 3010, 2572, 3363, 4732, 2701, 4278, 4352, 3072, 2242, 2722, 5227, 2974, 3945, 5137, 2568, 3931, 3032, 3502, 3874, 3789, 4872, 3211, 2805, 3116, 5166, 4320, 3260, 6280, 3110, 4360, 1770]
}]
},
"options": {
"responsive": true,
"maintainAspectRatio": false,
"hover": {
"mode": "nearest"
},
"scales": {
"xAxes": [{
"type": "time",
"id": "axis-time",
"display": true,
"time": {
"displayFormats": {
"second": "HH:mm:ss",
"minute": "HH:mm:ss",
...