Question

我有一个调整后的pointPlacements，pointPadding和groupPadding的柱形图，以及一个日期时间x轴，其值分别为max和min。

预期的行为是在轴的最小值和最大值上切割了图表，但是Highcharts似乎将x轴在这些极端值的左侧向右延伸了大约每个数据间隔的一半。（See image）

我尝试了我在《 API参考》中找到的所有内容，但无法摆脱侧面的多余空间。

我已经尝试过的事情：
*通过将xAxis.minPadding / xAxis.maxPadding / 0和startOnTick / endOnTick
设置为xAxis.ceiling
*将x.axis.floor / max设置为min / xAxis.margin值
*将xAxis.softMax设置为0
*设置xAxis.softMin和xAxis.min而不是xAxis.max和pointStart
*使用pointInterval / chart.spacing代替数据中的x值
*将[0,0,0,0]设置为Category 1 skill 1 skill 2 skill 3 Category 2 skill 4 skill 5 skill 6 Category 3 skill 7 skill 8 [...]

提琴：https://jsfiddle.net/d4rz572L/

Answer 1

您需要正确设置min和max属性：

xAxis: [{
    type: "datetime",
    // pointRange = 1530792000000 - 1530770400000
    min: 1530748800000 + (21600000 / 2),
    max: 1530835200000 - (21600000 / 2)
}]

实时演示： https://jsfiddle.net/BlackLabel/8bqt1chn/

API参考： https://api.highcharts.com/highcharts/series.column.pointRange

高图：删除柱形图中的左侧填充和右侧填充

1 个答案: