在 3D 图中用 plotly 勾选 vals

Question

我一直在尝试让刻度值在 3D 图表上工作，这可能吗？我试图将 tickmode 设置为数组，但我想如果提供了 tickvals 它会自动设置。请参阅下面的 plnkr。

tickmode: 'array',
tickvals: [...]

https://plnkr.co/edit/IDlCmBvzFXucvPpuiAX7?p=preview

Answer 1

您需要用 ticktext and tickvals in a scene 包裹您的 xaxis 和 yaxis。 tickvals 实际上是用于刻度的值，而 ticktext 是显示的标签。您的更新代码在这里：

https://plnkr.co/edit/YnfTS9uoFBiCRTPi36Kt?p=preview

z1 = [
  [8.83, 8.89, 8.81, 8.87, 8.9, 8.87],
  [8.89, 8.94, 8.85, 8.94, 8.96, 8.92],
  [8.84, 8.9, 8.82, 8.92, 8.93, 8.91],
  [8.79, 8.85, 8.79, 8.9, 8.94, 8.92],
  [8.79, 8.88, 8.81, 8.9, 8.95, 8.92],
  [8.8, 8.82, 8.78, 8.91, 8.94, 8.92],
  [8.75, 8.78, 8.77, 8.91, 8.95, 8.92],
  [8.8, 8.8, 8.77, 8.91, 8.95, 8.94],
  [8.74, 8.81, 8.76, 8.93, 8.98, 8.99],
  [8.89, 8.99, 8.92, 9.1, 9.13, 9.11],
  [8.97, 8.97, 8.91, 9.09, 9.11, 9.11],
  [9.04, 9.08, 9.05, 9.25, 9.28, 9.27],
  [9, 9.01, 9, 9.2, 9.23, 9.2],
  [8.99, 8.99, 8.98, 9.18, 9.2, 9.19],
  [8.93, 8.97, 8.97, 9.18, 9.2, 9.18]
];
var data_z1 = {
  z: z1,
  type: 'surface'
};
var layout = {
  scene: {
    xaxis: {
      tickvals: [0, 2, 3, 4],
      ticktext: ['Zero', 'Two or lower', 'Three', 'Four and higher']
    }
  }
};
Plotly.newPlot('myDiv', [data_z1], layout);

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myDiv"></div>

在 3D 图中用 plotly 勾选 vals

Tick vals with plotly in 3D diagram

javascript

plotly