time ticks overlap
by andig2
HTML
<script src="http://www.chartjs.org/dist/master/Chart.bundle.min.js"></script>
<canvas id="canvas" width="400" height="200"></canvas>
JavaScript
window.randomScalingFactor = function() {
return (Math.random() > 0.5 ? 1.0 : -1.0) * Math.round(Math.random() * 100);
};
var canvas = document.getElementById('canvas');
var chart = new Chart(canvas, {
"type": "bar",
"data": {
"datasets": [{
"type": "line",
"label": "ModulationTempDesired",
"backgroundColor": "#90a4ae",
"borderColor": "#90a4ae",
"yAxisID": "axis4",
"xAxisID": "axis-time",
"borderWidth": 1,
"fill": false,
"pointRadius": 0,
"steppedLine": "before",
"data": [{
"x": 1483311543649,
"y": 29.868
}, {
"x": 1483397943562,
"y": 29.043
}, {
"x": 1483484343475,
"y": 25.89
}, {
"x": 1483570743765,
"y": 28.174
}, {
"x": 1483657143498,
"y": 31.129
}, {
"x": 1483743543729,
"y": 30.287
}, {
"x": 1483829943467,
"y": 33.369
}, {
"x": 1483916343608,
"y": 27.449
}, {
"x": 1484002743771,
"y": 25.549
}, {
"x": 1484089143297,
"y": 28.814
}, {
"x": 1484175543604,
"y": 27.798
}, {
"x": 1484261943313,
"y": 25.945
}, {
"x": 1484348343953,
"y": 27.772
}, {
"x": 1484434743683,
"y": 27.781
}, {
"x": 1484521143825,
"y": 28.508
}, {
"x": 1484607543560,
"y": 27.786
}, {
"x": 1484693943648,
"y": 28.965
}, {
"x": 1484780343511,
"y": 29.504
}, {
"x": 1484866743497,
"y": 25.87
}, {
"x": 1484953143494,
"y": 25.093
}, {
"x": 1485039543661,
"y": 25.632
}, {
"x": 1485125943773,
"y": 30.804
}, {
"x": 1485212343782,
"y": 28.623
}, {
"x": 1485298743741,
"y": 27.359
}, {
"x": 1485385143545,
...