Plotly 3D Surfaceグラフにx座標とy座標がすべて表示されない

Question

以下のコードを実行すると、すべてのz座標が正しく表示されますが、x軸には1〜10座標のみが表示され、y軸はs1、s2、s3、s4の座標のみを示します。この3Dサーフェスグラフにすべての座標をプロットするにはどうすればよいですか？

var data = [{ 
 
    z: [ 
 
    [1.5, 2.5, 3.5, 4.5, 5.5, 6.5, 7.5, 8.5, 9.5, 10], 
 
    [2.5, 3.5, 4.5, 5.5, 6.5, 7.5, 8.5, 9.5, 10.5, 11], 
 
    [3.5, 4.5, 6.5, 7.5, 8.5, 9.5, 4.5, 3.5, 2.5, 10], 
 
    [5.5, 6.5, 7.5, 15.5, 16.5, 17.5, 18.5, 19.5, 12.5, 17] 
 
    ], 
 
    x: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], 
 
    y: ['s1', 's2', 's3', 's4', 's5', 's6', 's7', 's8', 's9', 's10'], 
 
    type: 'surface' 
 
}]; 
 

 
var layout = { 
 
    title: 'Trips Overview', 
 
    scene: { 
 
    xaxis: { 
 
     title: 'Time', 
 
     titlefont: { 
 
     color: 'red', 
 
     family: 'Arial, Open Sans', 
 
     size: 12 
 
     } 
 
    }, 
 
    yaxis: { 
 
     title: 'stops', 
 
     titlefont: { 
 
     color: 'red', 
 
     family: 'Arial, Open Sans', 
 
     size: 12 
 
     } 
 
    }, 
 
    zaxis: { 
 
     title: 'trips', 
 
     titlefont: { 
 
     color: 'red', 
 
     family: 'Arial, Open Sans', 
 
     size: 12 
 
     } 
 
    } 
 
    }, 
 
    autosize: true 
 
}; 
 
Plotly.newPlot('myDiv', data, layout);

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<div id="myDiv" style="width:100%;height:100%"></div>

Answer 1

X軸およびアレイにおけるY軸の値のそれぞれについて、Zアレイ内の対応するサブ配列が存在すべきであるので、私は、codepenにプロットplotly表面を確認しました。

E.g: 
In your code 
X axis: 1 
Y axis: "s1" 
will have the Z values as [1.5, 2.5, 3.5, 4.5, 5.5, 6.5, 7.5, 8.5, 9.5, 10]. 

このようにあなたはそれゆえ、我々は上記の「S5」を見ることができない、Zアレイに対してのみ4リストを提供してきました。

参考：