Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Highcharts:删除柱形图中的左右填充_Javascript_Highcharts - Fatal编程技术网

Javascript Highcharts:删除柱形图中的左右填充

Javascript Highcharts:删除柱形图中的左右填充,javascript,highcharts,Javascript,Highcharts,我有一个柱状图,上面有调整后的点位置,点填充和组填充,还有一个日期时间x轴,其值分别为max和min 预期的行为是在轴的最小值和最大值上切割图表,但Highcharts似乎将x轴向左延伸,而在这些极端值上向右延伸约一半的数据间隔。() 我尝试了在API参考中找到的所有内容,但无法去掉侧面的多余空间 我已经尝试过的事情: *设置xAxis.minPadding/xAxis.maxPadding为0,不使用startOnTick/endOnTick *将x轴天花板/x轴地板设置为最大/最小值 *将x

我有一个柱状图,上面有调整后的
点位置
点填充
组填充
,还有一个日期时间x轴,其值分别为
max
min

预期的行为是在轴的最小值和最大值上切割图表,但Highcharts似乎将x轴向左延伸,而在这些极端值上向右延伸约一半的数据间隔。()

我尝试了在API参考中找到的所有内容,但无法去掉侧面的多余空间

我已经尝试过的事情:
*设置
xAxis.minPadding
/
xAxis.maxPadding
0
,不使用
startOnTick
/
endOnTick

*将x轴天花板/
x轴地板
设置为最大/
最小

*将
xAxis.margin
设置为0
*设置
xAxis.softMax
xAxis.softMin
而不是
xAxis.min
xAxis.max

*使用
pointStart
/
pointInterval
代替数据中的x值
*将
图表.间距设置为
[0,0,0,0]


小提琴:

您需要正确设置
min
max
属性:

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

现场演示:


API参考:

因此,如果我希望图表从7月5日0:00开始,并且间隔6小时,我实际上必须将7月5日3:00设置为起点?好吧,这是直截了当的,一点也不直观^^如果它很愚蠢,但它是有效的,它并不愚蠢……我猜:D非常感谢你的帮助:)只是尝试实现你的解决方案。我的用例的问题是,我在代码中的其他点(例如,
定位器
)也使用轴
max
min
)。因此,我现在每次都必须考虑
max
min
值的变化,这当然是可能的,但很繁琐。对我来说,有效的解决方案是将列序列的
点范围设置为0。这确保highcharts认为列宽为0,因此不会在图表的侧面添加填充。