Javascript x轴超过div宽度
我正在使用Javascript x轴超过div宽度,javascript,html,css,jqplot,Javascript,Html,Css,Jqplot,我正在使用jqplot绘制条形图。如果x轴的最大值不是太大,则一切似乎都正常,如下所示: 但如果它很大,我会得到: x轴似乎比我用来绘制图表的div宽 此div具有以下样式: .barChart { min-width: 735px; margin-left: 15px; height: 200px; color: #333; background: white; overflow: auto; border-top: 2px soli
jqplot
绘制条形图。如果x轴的最大值不是太大,则一切似乎都正常,如下所示:
但如果它很大,我会得到:
x轴似乎比我用来绘制图表的div宽
此div具有以下样式:
.barChart {
min-width: 735px;
margin-left: 15px;
height: 200px;
color: #333;
background: white;
overflow: auto;
border-top: 2px solid #369;
border-bottom: 2px solid #369;
line-height: 14px;
font-size: 12px;
}
那么,如何使x轴不比图表的div宽?您可以应用特定的图表大小。我在这里就这个话题提出了一个问题: 解决方案是使用如下精确的图表大小进行回复:
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();
希望有帮助谢谢您的反馈,您的解决方案让我了解了如何解决此问题。我刚刚把div调宽了一点,没有用
$(“#”+el.width($(“#”+el.width()+5)替换代码>