Javascript jquery flot图的正确缩放范围值
我使用zoomRange函数为图形指定了缩放范围,通过该函数我可以限制放大和缩小的范围。对于xaxis和yaxis,它采用两个值,例如Javascript jquery flot图的正确缩放范围值,javascript,jquery,graph,plot,Javascript,Jquery,Graph,Plot,我使用zoomRange函数为图形指定了缩放范围,通过该函数我可以限制放大和缩小的范围。对于xaxis和yaxis,它采用两个值,例如zoomRange[min,max] 我面临的问题是,我应该为这个范围提供什么样的正确值。当我给出文档中给出的范围,即zoomRange[0.1,10]时,缩放根本不起作用;当我给出一些随机值时,图形在yaxis上缩放得更多,而在xaxis上缩放得更多,反之亦然 我给图表的值如下- xaxis: { mode: "time", z
zoomRange[min,max]
我面临的问题是,我应该为这个范围提供什么样的正确值。当我给出文档中给出的范围,即zoomRange[0.1,10]
时,缩放根本不起作用;当我给出一些随机值时,图形在yaxis上缩放得更多,而在xaxis上缩放得更多,反之亦然
我给图表的值如下-
xaxis: {
mode: "time",
zoomRange: [240000, 2550000]
},
yaxis: {
zoomRange: [2, 22]
}
这些值是任意值,因此对于不同的数据量,它们的性能不好
我想要zoomRange可以对我绘制的任何类型的图形完美执行的值
旁白:几个月前我问了这个问题,但仍然没有解决这个问题。不知道你是否解决了这个问题。总之,我发现了这个: “zoomRange”是可以进行缩放的时间间隔,例如 缩放范围:[1100]缩放永远不会缩放轴,因此 最小值和最大值之间的差值小于1或大于100。 您可以将它们中的任何一个设置为null以忽略
这里:我发现一个好的缩放行为是将panRange设置为数据范围的最小值和最大值+/-~10%。然后将zoomRange设置为数据的最小增量*一些小整数,zoomRange上限值为null(panRange将限制缩小的距离,因此实际上不需要zoomRange上限)。例如,如果您的股价数据在35美元到85美元之间,x数据的时间间隔为每小时,那么您可以执行以下操作:
xaxis: {
mode: "time",
// set the lowest (zoomed all the way in) range on the x axis to 2 hours
zoomRange: [7200000, null],
// set the pan limits slightly outside the data range
panRange: [min_time*0.9, max_time*1.1]
},
yaxis: {
// set the lowest range on the y-axis to 5 dollars
zoomRange: [5, null],
// set the pan limits slightly outside the data range
panRange: [30, 90]
}
因此,通过这个示例,您将能够在2小时内一直向下缩放到5美元的增量。当您一直向外缩放时,最终将显示panRange参数中指定的范围
将最小zoomRange设置得更低将允许您放大更多(但考虑到数据的粒度,这没有多大意义)。将“平移范围限制”设置得更宽将允许您进行更大的缩放。您了解了更多信息吗?我不喜欢缩放的工作方式,所以可能我只是把范围搞错了?如果我缩小,然后再尝试放大,我就再也找不到这个系列了。。。我想它们超出了图表范围。