我正在使用Flot Charts和鼠标滚动来放大和缩小。我创建了一个调用zoomOut()的按钮,它很好用,但是我找不到如何一直缩小以使其看起来像第一次加载时一样的解决方案。我不想重新加载那个who容器,因为它使用ajax在刷新时从mysql中提取数据。
我用Google搜索,但找不到任何东西。
最佳答案
您可以保存初始的轴范围,并像在example中一样重绘绘图以进行导航。但是您的代码将如下所示:
// do the zooming
plotObjectPointer = $.plot(placeholder, plotData,
$.extend(true, {}, options, {
xaxis: { min: ranges.xaxis.from, max: ranges.xaxis.to },
yaxis: { min: ranges.yaxis.from, max: ranges.yaxis.to }
}));
范围将是您的初始范围。为了防止重复加载Ajax,可以使用window.localStorage或仅使用另一个var来存储plotData。
关于浮地重置缩放,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/16613874/