如何使X轴时标在图表上的元素之间具有相等的间隔而与时间范围无关

时间:2019-04-26 14:26:23

标签: javascript d3.js charts

我需要在图表上以X轴上带有日期刻度的元素之间相等的间隔显示元素。元素具有不同的间隔,因为它们已按日期范围缩放。是否可以在图表上以相等的间隔显示某些元素,而不管X轴上的日期如何?

我曾尝试使用不同的音阶,例如能带刻度和线性刻度。但是当我尝试将最小日期和最大日期传递给域函数时,它们却无法正常工作。

例如以下图表: https://js.devexpress.com/Demos/WidgetsGallery/Demo/Charts/Overview/jQuery/Light/

我需要点之间的距离相等,但是X轴上有日期而不是名称。

1 个答案:

答案 0 :(得分:0)

由于将条形图等距隔开比根据其时间值隔开更重要,因此请使用d3.scaleBand()并将数据集中表示的完整日期数组传递给域,例如, .domain(data.map(d => d.date))