x轴超过div宽度

Question

我正在使用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宽？

Answer 1

您可以应用特定的图表大小。我在这里开了一个关于这个主题的问题：JqPlot : Set a fix height value for the graph area not including y axe labels

解决方案是使用如下所示的精确图表大小进行重新绘制：

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();

希望它有所帮助