javascript - Highcharts柱形图溢出绘图区域

问题如下：

如果我的柱形图类型的日期时间x轴稀疏，那么某些列将被剪切。

这是一个小提琴示例：http://jsfiddle.net/qzqnX/

在此示例中，我有两列，并且最末端的列已被剪切。

如果我将数据增加到3列，则其中一个系列将被完全隐藏。

这是小提琴示例：http://jsfiddle.net/GrKKt/

我想让列显示在绘图区域内，而不会被部分剪切或隐藏。如果他们从绘图区域的末端抽出一定的余量，那也很好。谢谢。

最佳答案

我发现了上述问题的两种解决方案：

第一个答案中给出的第一个解决方案是添加null。我发现添加两个空值是最佳的并且可以正常工作。即使您的数据中有很多序列。

示例：http://jsfiddle.net/vwzeP/

第二种解决方案是将minPadding，maxPadding添加到xaxis。也无需在输入中添加空值。但是，高位图在填充行为上有点不一致。因此，您需要为min / maxPadding属性应用不同的值。一旦在日期时间x轴上有6个以上的点，则列宽将自动根据绘图区域而定，您可以将minPadding / maxPadding设置为其默认值0.01。

良好的填充值如下：

switch (numberOfPointsInDataArray) {
        case 1:
        case 2:
            padding = 0.25;
            break;
        case 3:
            padding = 0.13;
            break;
        case 4:
            padding = 0.075;
            break;
        case 5:
            padding = 0.05;
            break;
        case 6:
            padding = 0.03;
            break;
    }

在数据数组中填充2个点的示例：http://jsfiddle.net/J7zsk/

希望这对其他人有帮助。