Javascript 刻度时间最小刻度值

Javascript 刻度时间最小刻度值,javascript,d3.js,scale,Javascript,D3.js,Scale,使用d3,我将xAxis定义为 var xScale = d3.scaleTime() .domain([fromDate, toDate]) .range([0, width]); var xAxis = d3.axisBottom(xScale); function customXAxis(g) { g.call(xAxis); g.select(".domain").remove(); g.selectAll(".tick line").attr("stroke",

使用d3,我将xAxis定义为

var xScale = d3.scaleTime()
  .domain([fromDate, toDate])
  .range([0, width]);

var xAxis = d3.axisBottom(xScale);

function customXAxis(g) {
  g.call(xAxis);
  g.select(".domain").remove();
  g.selectAll(".tick line").attr("stroke", "white");
  g.selectAll(".tick text").attr("fill", "white");
}

g.append("g")
  .attr("transform", "translate(0," + height + ")")
  .call(customXAxis);
事实上,一切都很顺利

但是,我希望天平至少显示一天的滴答声。目前的情况是,如果fromData和toDate仅相差几天,则会显示滴答声

Mon-10___12PM___Tue-11___12PM___Wed-13___12PM___Thu-14___12PM
如何使其不显示一天中的时间值

非常感谢您的帮助。

您可以在轴生成器中设置:

给定指定的楼层和偏移函数以及可选的计数函数,构造新的自定义间隔

例如,这是您的代码(此处的域只有3天):

var svg=d3.选择(“svg”);
var xScale=d3.scaleTime()
.domain([新日期(“2017年1月1日00:00:00”)、新日期(“2017年1月4日00:00:00”))
.范围([20480]);
var xAxis=d3.axisBottom(xScale);
svg.append(“g”)
.attr(“转换”、“翻译(0100)”)
.呼叫(xAxis)

只是一个建议:将问题标题改为“最小勾选间隔”,而不是“值”。