更改绘图热图中的轴限制

Question

为了可视化数据，我使用了 plotly.js 库中的热图。渲染热图后，我希望能够动态更改轴限制。到目前为止，我设法为 z 轴（颜色）做到了这一点，但没有为 x 轴或 y 轴做到这一点。

这是我的尝试：

layout.xaxis.range=[0,5];
layout.yaxis.range=[0,5];
data[0].zmin=0;
data[0].zmax=10;
Plotly.redraw('myDiv');

遗憾的是只有 z 轴有效。您可以在此处查看示例：https://codepen.io/brockerdocker/pen/QWgvLGx

这是我得到的（仅更改了 z 限制）：

这是我想要得到的（x- 和 y- 限制也改变了）：

然而，如果我在调用 Plotly.newPlot('myDiv', data, layout); 之前指定 x 和 y 范围，我只能实现第二个热图。生成热图后，我似乎无法再更改范围。 因此，如果我知道在生成热图后如何更改范围就太好了。

Answer 1

我刚找到解决方案：

为了能够为 x 轴和 y 轴设置专用范围，首先必须将 'autorange' 设置为 false：

layout.xaxis.autorange=false;
layout.yaxis.autorange=false;
layout.xaxis.range=[0,5];
layout.yaxis.range=[0,5];
Plotly.redraw('myDiv');

这样应该可以。