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,因此不会在图表的侧面添加填充。