设置plotly.js 3D图的高度和宽度的大小

Question

我正在使用javascript解决方案中的plotly。我在设置3D线图的重量和高度时遇到问题。下面是我的代码：

<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>

因此，即使我已设置线条和宽度，显示的图仍为立方体形状，并且图的左侧空间位于画布的左侧和右侧。结果如下：

我想要的是这样的东西：

有人可以建议我如何实现这一目标吗？

谢谢

Answer 1

这里有相同问题...您有任何答案吗？