Javascript 是否显示绘图仪的全轴范围?
如何在显示完整图表的同时,在图表x、y上显示从0,0(或最低负值点)到8,8(或最高数据点)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
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})代码>
在工作时,我希望库作者提供某种自动缩放功能,而不需要手动设置最小-最大范围。无论如何,我必须把这个问题留一段时间,所以也许有人会提供一个我们错过的环境。