我正在一个React项目中，该项目使用d3（v3.5.9）来显示特定时间范围（当日，1周，1个月等）的财务图表。根据时间范围，我对x轴刻度使用不同的时间刻度。我还使用d3fc的{{1}}缩小了收盘时间和开盘时间之间的距离，以消除较大的差距，但这完全打破了scaleDiscontinuous的功能。
与xAxis.ticks结合使用时，我需要放入.ticks()中的哪些内容？例如，对于这个特定的数据集（日内），我希望将所有小时数显示在x轴上，并可能包括股票开盘时的每一天。
我在https://codesandbox.io/s/affectionate-cherry-oegjq处添加了一个工作示例。 scaleDiscontinous包含相关代码，Areachart.js是构建轴的位置，xAxis是范围被折叠的位置。
相关代码段：
chartScales