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)替换