Javascript 是否显示绘图仪的全轴范围?

Javascript 是否显示绘图仪的全轴范围?,javascript,plotly,Javascript,Plotly,如何在显示完整图表的同时,在图表x、y上显示从0,0(或最低负值点)到8,8(或最高数据点) var data = [ { x: [3, 4, 5, 6, 7, 8], y: [3, 4, 5, 6, 7, 8], type: 'scatter' } ]; var layout = { // autosize: true, // rangemode: "tozero", width: 500, height: 500, autoscale: f

如何在显示完整图表的同时,在图表x、y上显示从0,0(或最低负值点)到8,8(或最高数据点)

var data = [
  {
    x: [3, 4, 5, 6, 7, 8],
    y: [3, 4, 5, 6, 7, 8],
    type: 'scatter'
  }
];
var layout = {
  // autosize: true,
  // rangemode: "tozero",
  width: 500,
  height: 500,
  autoscale: false,
  xaxis: { autorange: false },
  yaxis: { autorange: false },
};
Plotly.newPlot('myDiv', data, layout, {showSendToCloud: true});
如果启用自动范围,则会显示数据,但不会显示0,0

如果禁用自动范围,则显示0,0,但不显示数据


这里是一个工作演示:

您的数据都在那里,并且显示由于默认的缩放级别,它只是“隐藏”的。如果希望在默认情况下同时显示所有数据点,可以在x轴和y轴上设置一个范围

此外,设置范围不会影响将来使用时的缩放

基本上,您可以将范围最小值和最大值设置为0和最高值

xaxis: { autorange: false, range:[0, 10]},
yaxis: { autorange: false, range:[0, 10]},


在下面的代码片段中,我创建了两个变量来跟踪x和y max,并添加了2。这将确保顶部有一个2的缓冲区来显示所有数据点。

var数据=[
{
x:[3,4,5,6,7,8],
y:[3,4,5,6,7,8],
键入:“散布”
}
];
var xMax=data[0].x[data[0].x.length-1]+2;
var yMax=data[0].y[data[0].y.length-1]+2;
变量布局={
//自动调整大小:正确,
//rangemode:“到零”,
宽度:500,
身高:500,
自动缩放:错误,
xaxis:{autorange:false,范围:[0,xMax]},
yaxis:{autorange:false,范围:[0,yMax]},
};
newPlot('myDiv',数据,布局,{showSendToCloud:true})

您只需将
范围模式设置为
'tozero'
并为每个轴启用
自动范围

var数据=[
{
x:[3,4,5,6,7,8],
y:[3,4,5,6,7,8],
键入:“散布”
}
];
变量布局={
宽度:500,
身高:500,
自动缩放:错误,
xaxis:{rangemode:'tozero',autorange:true},
yaxis:{rangemode:'tozero',autorange:true}
};
newPlot('myDiv',数据,布局,{showSendToCloud:true})

在工作时,我希望库作者提供某种自动缩放功能,而不需要手动设置最小-最大范围。无论如何,我必须把这个问题留一段时间,所以也许有人会提供一个我们错过的环境。