我有一个 d3 线图,我正在按月/日绘制日期。问题是 x 轴默认在轴原点显示年份“1900”。有没有办法可以将其更改为默认为“一月”而不是“1900”,因为我的行是突出显示不同年份的地方。我的 plnkr 如下
http://plnkr.co/edit/22Jc4Nte0WWLQzT7a9lr?p=preview
我假设更改是在以下任一行中进行的,但是,我不确定更改它的方法。
var x = d3.scaleTime().range([0, width]),
或
x.domain(d3.extent(data, function(d) { return d.date; }));
最佳答案
您必须使用 %b
为 x 轴定义 tickFormat
,以便它只知道显示缩写的月份名称。检查here用于 d3 中的时间格式选项。
.call(d3.axisBottom(x)
.tickFormat(d3.timeFormat("%b"))
);
检查更新的 Plunkr - http://plnkr.co/edit/7ZUSQJduYPL5VNAxBG5u?p=preview
关于javascript - D3js 中的时间格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42560166/