自动调整jqplot条形图的大小,以适应不同的数据范围

时间:2013-03-01 04:46:44

标签: javascript jquery jqplot

基本上我希望jqplot条形图能够根据传递给它的数据范围自动调整大小。

在我的应用程序中,数据范围(纵坐标)和刻度数可能会有所不同,因此我需要一些关于正确调整图表大小以避免重叠的帮助。

我尝试过使用固定高度和宽度的HTML滚动,但它并没有像我希望的那样工作。

此外,有关jqplot的X轴滚动的任何帮助都将受到高度赞赏。

2 个答案:

答案 0 :(得分:2)

使用以下方法渲染后,您可以获取dataBounds值:

var minY = plot2.axes.yaxis._dataBounds.min;
var maxY = plot2.axes.yaxis._dataBounds.max;

(您可以使用xaxis同样获得minX和maxX。)

然后你可以让jqplot使用这个界限来绘制确切的范围:

plot2.axes.yaxis.min = minY;
plot2.axes.yaxis.max = maxY;

(再次对xaxis采取类似行动);

最后,重新绘制图表:plot2.replot();

您的最终图表已根据您的数据值进行了界定。

修改

您也可以使用plot2.yaxis._numberTicksplot2.yaxis.numberTicks处理号码提示(不确定哪一个有效)

答案 1 :(得分:1)

jqplot没有内置功能,可以在大数据的情况下引入滚动条。您必须像jquery slider或HTML div滚动一样应用解决方法。

但我建议您使用jqplot的缩放功能,如here

所述