HighCharts - 删除堆叠条上系列之间的空间答案

【问题标题】：HighCharts - Remove space between series on stacked barHighCharts - 删除堆叠条上系列之间的空间
【发布时间】：2012-10-01 20:50:58
【问题描述】：

我有一个 HighCharts 图表来显示一些信息。我每天都有堆积的信息。每个条目都是唯一的 -> 我不能使用单个系列。

问题是：两天之间，有一个巨大的空间，我不知道如何减少或删除它。当我玩 PlotOptions 时没有效果。我认为原因是我的xAxis-Handling，因为如果我使用“正常方式”来声明xAxis类别，就没有问题。

我的 jsFiddle：http://jsfiddle.net/MhL2Q/1/

另一个工作的 jsFiddle：jsfiddle_dot_net/wergeld/M85tL/（只允许 2 个链接）

原始 HighChart 演示：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/column-stacked/

【问题讨论】：

如果您只是将容器高度设置为 200 像素会怎样？
@MikeRobinson 玩身高可能是正确的方法。但是看看jsfiddle.net/MhL2Q/3 - 你可以看到，第 1 行和第 3 行只是第 2 行的一半高度
很高兴看到我的一个小提琴被引用。

标签： jquery highcharts space highstock stacked

【解决方案1】：

您可以使用xAxis.minPadding 和xAxis.maxPadding

最大值相对于轴长度的填充。一个填充 0.05 将使 100px 的轴长 5px。这在您使用时很有用不希望最高数据值出现在绘图边缘区域。设置轴的最大选项或使用设置最大极端值时 axis.setExtremes(), maxPadding 将被忽略。默认为 0。

xAxis: {
    type: 'datetime',
    dateTimeLabelFormats: {
        month: '%e. %b',
        year: '%b'
    },
    tickInterval: 24 * 3600 * 1000,
    tickWidth: 1,
    minPadding: 0.5,
    maxPadding: 0.5                
}

Padding datetime axis @ jsFiddle

【讨论】：

@DerAbt 干杯 :) 很高兴为您提供帮助！！！我有没有提到 highcharts 有一个很棒的文档，里面有更多很棒的例子 @api.highcharts.com/highcharts 下次应该会派上用场

【解决方案2】：

this 是否满足您的需求？您需要删除图表中的所有填充。

【讨论】：