Plotly.js自动标度

Question

在Plotly.js中是否有一个参数来自动缩放轴以自动拟合所绘制的数据？

场景:我正在绘制最近30分钟的温度(y轴)和时间(x轴)。

问题:当页面加载时，图表没有显示任何内容。我会修复轴，但是x轴需要显示最新的30分钟，并且每分钟更新一次。然而，当我点击‘自动标度’或‘重置轴’时，图形完全符合数据！

问:当页面加载时，我是否可以将绘图设置为自动“自动缩放”，而不是要求用户单击“自动缩放”？

见这里的应用程序：https://vast-fortress-23871.herokuapp.com/

Answer 1

一种非常愚蠢的做法是添加以下内容：

document.querySelector('[data-title="Autoscale"]').click()

它将自动单击“自动”按钮。一个更好的方法是找出按钮实际上在调用什么功能，然后调用它。

Answer 2

对我来说，这是完美而简单的(多亏了https://codepen.io/plotly/pen/KpLVzv)：

// script comes before
var layout = {
  xaxis: {
    autorange: true,
    showgrid: false,
    zeroline: false,
    showline: false,
    etc.
    }
// script comes after

Answer 3

我通过中继解决了这个问题。只需在xaxis和yaxis上将autorange属性设置为'true‘。它将在两个轴上进行自动示波器：

// To call when data is ready, after your page loads.
Plotly.relayout( yourGraph, {
    'xaxis.autorange': true,
    'yaxis.autorange': true
});