Установите размер сюжета. js Высота и ширина 3D графика

Question

Я работаю с плотно в javascript решении. У меня есть проблема с настройкой веса и высоты трехмерного линейного графика. Ниже приведен мой код:

<center id="GPSTraces"></center>
<script>
    var xs = [10, 20, 30, 40, 50];
    var ys = [10, 20, 30, 40, 50];
    var zs = [1, 2, 3, 4, 5];

    var trace = {
        type: 'scatter3d',
        mode: 'lines+markers',
        x: xs,
        y: ys,
        z: zs
    }

    var data = [trace]

    var layout = {
        height : 500,
        width : 1000,
        title: 'GPS Traces',
        scene: {
            xaxis: { title: 'X' },
            yaxis: { title: 'Y' },
            zaxis: { title: 'Z' },
        },
        autosize: true,
        margin: {
            l: 0,
            r: 0,
            b: 0,
            t: 30,
            pad: 0
        },
    }

    Plotly.newPlot('GPSTraces', data, layout, { responsive: true });
    window.onresize = function() { Plotly.Plots.resize( 'GPSTraces' ); };
</script>

Так что, хотя я установил линию и ширину, показанный график имеет форму куба, а график слева от правой и левой сторон холста. Ниже приведен результат:

То, что я хочу, должно выглядеть примерно так:

Может кто-нибудь, пожалуйста, посоветуйте мне о том, как этого добиться?

Спасибо