Plotly Scatter3D Time Axis Bug
by brian428
HTML
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<h3>Using plotly-latest. When using Date axis, plot won't render.</h3>
<div id="testChart" style="width:100%; height:100%;"></div>
JavaScript
var plotElement;
var createPlot = function( divId ) {
plotElement = document.getElementById(divId);
var layout = {
"autosize": true,
"margin": {
"t": 70,
"b": 75,
"l": 70,
"r": 30
},
"title": "3D Plot",
"scene": {
"xaxis": {
"title": "Time",
"titlefont": {
"size": 16
},
"type": "date",
"range": [1483099999901, 1483100009999],
"nticks": 12,
"tickfont": {
"size": 12
}
},
"yaxis": {
"title": "Y Axis",
"titlefont": {
"size": 16
},
"type": "linear",
"range": [100.71, 232.29],
"tickfont": {
"size": 12
}
},
"zaxis": {
"title": "Z Axis",
"titlefont": {
"size": 16
},
"type": "linear",
"range": [0, 96],
"tickfont": {
"size": 12
}
}
},
"showlegend": true,
"legend": {
"bordercolor": "#444444",
"borderwidth": 1,
"bgcolor": "#f0f0f0",
"font": {
"size": 12
}
}
};
var traces = [
{
"type": "scatter3d",
"mode": "markers",
"legendgroup": "trace1",
"marker": {
"symbol": "circle",
"size": 7,
"color": "#154360"
},
"x": ["2016-12-30T12:13:20.000Z", "2016-12-30T12:13:20.100Z"],
"y": [109, 110],
"z": [8, 12],
"name": "trace1"
}, {
"type": "scatter3d",
"mode": "markers",
"legendgroup": "trace2",
"marker": {
"symbol": "circle",
"size": 7,
"color": "#CB4335"
},
"x": ["2016-12-30T12:13:20.000Z", "2016-12-30T12:13:20.100Z", "2016-12-30T12:13:20.200Z", "2016-12-30T12:13:20.300Z", "2016-12-30T12:13:20.400Z", "2016-12-30T12:13:20.500Z", "2016-12-30T12:13:20.600Z", "2016-12-30T12:13:20.700Z", "2016-12-30T12:13:20.800Z", "2016-12-30T12:13:20.900Z"],
"y": [110, 106, 110,...