Controlling position of 3D surface chart

plotly.js
1

I’m display a 3D Surface using plot.js and I’m having problem with the layout of the chart in the pane.

The 3D surface is showing very nicely, and it’s FAST :slight_smile:

The only problem is that there is a lot of empty space above the 3D surface and not enough space below it so that in certain angles the corner of the 3D surface is clipped

The options I use for the graph are:

var args={
Width: 902,
Height: 671
};
var options = {
autosize: true,
width: args.Width,
height: args.Height,
scene: {
xaxis: {

                showline: false,
                title: 'XAxis',
                automargin: true,
                type: 'log',
                autorange: true,
            },
            yaxis: {
                showline: false,

                title: 'YAxis',
                automargin: true,
                autorange: true,
            },
            zaxis: {
                showline: false,

                title: 'ZAxis',
                automargin: true,
                //type: 'log',
                autorange: true
            }
        }
    };

Is there some option to move the center of the 3D surface?

Thanks,

Nadav

2

You might want to try using

or

Note that ?axis.automargin hasn’t been implemented on 3D subplots yet.

3

Hi, did anybody find a solution for this?
I can use aspectratio to increase the height to reduce the white space at the top but I am still not happy with this approach.

Best,
Christian