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：為不包含y軸標簽的圖形區域設置固定高度值

解決的辦法是重新繪制精確的圖表大小，如下所示：

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

希望有幫助