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

sde*_*ont 8 graphics jquery jqplot

我正在使用JqPlot.

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

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

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

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

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

在此输入图像描述 在此输入图像描述

Bor*_*oro 11

我想到的只是这个样本中提供的这些内容.
在绘制绘图的调用之后,调用下面的代码来获取当前绘图的大小,并通过添加周围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();
Run Code Online (Sandbox Code Playgroud)

  • 如果你不保存'plot'变量,你也可以这样做:$("#chart").data("jqplot").replot(); (2认同)