javascript - 将日期格式更改为字符串 d3 js

Question

我正在尝试将标签格式从日期更改为字符串。

我尝试更改格式，但没有成功。这是我的代码笔:https://codepen.io/sampath-PerOxide/pen/bzVOoG

var dateformat = "%Y-%m"
drawTimeSeriesGraph(data1, dateformat);

我想传递字符串来代替日期。

Answer 1

您可以使用 tickFormat 随意设置轴刻度的格式。只需将您自己的函数传递给它即可根据数据返回您想要的字符串(该函数可以访问当前的 datum 和 inindex)。

xAxis.tickFormat((d, i) => {
    const date = formatDate(d)
    return `${date} - Month ${i+1}`
});

Codepen