JqPlot:为图形区域设置不包括y ax标签的修复高度值

时间:2012-06-27 15:17:31

标签: jquery graphics jqplot

我正在使用JqPlot。

图形高度取决于主容器的高度或默认的JqPlot值。

我的问题是,如果y标签很长,图形尺寸会减小到适合主容器。

是否可以为图形高度设置不依赖于标签文本长度的固定值?

我的需求:我希望始终显示相同的图形高度(例如400px),而不是取决于y标签文本长度

这是描述我的问题的图片:

enter image description here enter image description here

1 个答案:

答案 0 :(得分:11)

只有我想到的东西才是这样的presented in this sample. 在绘制绘图的调用之后,调用下面的代码来获取当前绘图的大小,并通过添加周围div(即标题和轴)所采用的大小来相应地调整它。
结果,无论您在CSS中为图表的大小设置的是什么,都会被图表的图形部分所取代,就像您想要的那样。

var w = parseInt($(".jqplot-yaxis").width(), 10) + parseInt($("#chart").width(), 10);
var h = parseInt($(".jqplot-title").height(), 10) + parseInt($(".jqplot-xaxis").height(), 10) + parseInt($("#chart").height(), 10);
$("#chart").width(w).height(h);
plot.replot();