https://jsfiddle.net/q5vwgxgz/3/
var xAxis = d3.axisBottom(x)
.ticks(15)
.tickSizeInner(25)
Run Code Online (Sandbox Code Playgroud)
所以问题是 X 轴的标签重叠,星期一 31 和十一月。从我可以看到这两个日期的轴之间的空间较小,因此标签重叠。
我可以以某种方式解决这个问题还是图书馆的问题?
使用该图表的项目具有用于开始和结束日期的日期选择器以及用于日期粒度(每天、每月、每年)的下拉菜单,这意味着我不能使用固定数量的刻度和特定格式。
.ticks(15)
Run Code Online (Sandbox Code Playgroud)
这里只是用于demo,在项目中是这样的
Math.min(data.length, Math.floor(width / 100)) // 100 being the 'min' tick width
Run Code Online (Sandbox Code Playgroud)