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

希望有帮助