3d graph Z axis has wrong direction with datetime values

plotly.js
1

Hi
I’m trying to build a 3d graph where Z axis is the time. For some reasons Z axis has wrong direction. It points outside of the image, while values are “inside”. Please see the screenshot attached.

41

When I’m trying got use integer values - it works as expected.

p.s. For dateTime I’ve tried JS dateTime and string date with the same result.

2

That looks similar to https://github.com/plotly/plotly.js/issues/3306

Could you share the “data” and “layout” attribute you used to generate your graph to help us debug?

3

I’ve tried several options:

1: time series as strings:

z: [[‘2019-04-04 20:23:00’, ‘2019-04-04 20:43:00’], [‘2019-04-04 20:23:00’, ‘2019-04-04 20:43:00’], [‘2019-04-04 20:23:00’, ‘2019-04-04 20:43:00’], [‘2019-04-04 20:23:00’, ‘2019-04-04 20:43:00’], [‘2019-04-04 20:23:00’, ‘2019-04-04 20:43:00’]],

or as a date objects:
var date1 = Date.parse(‘2019-04-04 20:23:00’);
var date2 = Date.parse(‘2019-04-04 20:43:00’);
var date3 = Date.parse(‘2019-04-04 21:23:00’);
var date4 = Date.parse(‘2019-04-04 21:43:00’);
var date5 = Date.parse(‘2019-04-04 22:23:00’);

z: [[date1, date2], [date1, date2], [date1, date2], [date1, date2], [date1, date2]],

The whole code looks like this:

var date1 = Date.parse('2019-04-04 20:23:00');
var date2 = Date.parse('2019-04-04 20:43:00');
var date3 = Date.parse('2019-04-04 21:23:00');
var date4 = Date.parse('2019-04-04 21:43:00');
var date5 = Date.parse('2019-04-04 22:23:00');

var trace2 = {
	x: [[1, 1], [2, 2], [3, 3], [4, 4], [5, 5]],
	y: [[10, 10], [20, 20], [30, 30], [40, 40], [50, 50]],
	//z: [[date1, date2], [date1, date2], [date1, date2], [date1, date2], [date1, date2]],
	z: [['2019-04-04 20:23:00', '2019-04-04 20:43:00'], ['2019-04-04 20:23:00', '2019-04-04 20:43:00'], ['2019-04-04 20:23:00', '2019-04-04 20:43:00'], ['2019-04-04 20:23:00', '2019-04-04 20:43:00'], ['2019-04-04 20:23:00', '2019-04-04 20:43:00']],
	name: '',
	type: 'surface',
	showscale: false
}
var trace3 = {
	x: [[1, 1], [2, 2], [3, 3], [4, 4], [5, 5]],
	y: [[11, 11], [21, 21], [31, 31], [42, 42], [23, 23]],
	//z: [[date4, date5], [date4, date5], [date4, date5], [date4, date5], [date4, date5]],
	z: [['2019-04-04 21:43:00', '2019-04-04 22:23:00'], ['2019-04-04 21:43:00', '2019-04-04 22:23:00'], ['2019-04-04 21:43:00', '2019-04-04 22:23:00'], ['2019-04-04 21:43:00', '2019-04-04 22:23:00'], ['2019-04-04 21:43:00', '2019-04-04 22:23:00']],
	type: 'surface',
	showscale: false
}



var data = [trace2, trace3];

var layout = {
	title: 'Frequency',
	showlegend: false,
	autosize: true,
	width: 600,
	height: 600,
	scene: {
		xaxis: {title: 'X Length'},
		yaxis: {title: 'Y Reflection'},
		zaxis: {title: 'Z Time'
		},

		aspectratio: {
			x: 1,
			y: 1,
			z: 1
		},
		camera: {
			center: {
				x: 0,
				y: 0,
				z: 0
			},
			eye: {
				x: 1.1, y: 0.1, z: 2.5
			},
			up: {
				x: 0,
				y: 1,
				z: 0
			},
		},

	}
};

Plotly.newPlot('myDiv', data, layout, {showSendToCloud: false, responsive: true, displayModeBar: false});