Javascript 刻度时间最小刻度值
使用d3,我将xAxis定义为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",
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)代码>
只是一个建议:将问题标题改为“最小勾选间隔”,而不是“值”。