Fatal编程技术网
  • javascript/
  • Javascript 更改nvd3图表中xAxis的日期格式

Javascript 更改nvd3图表中xAxis的日期格式

javascript d3.js

Javascript 更改nvd3图表中xAxis的日期格式,javascript,d3.js,nvd3.js,Javascript,D3.js,Nvd3.js,我有一个工作的多条形图，但我无法更改日期格式 在json数据字符串中，日期读作2016-01-01、2016-02-01等，我希望在x轴上读作1月16日 这是我的小提琴： 以下是我试图添加的内容，以更改日期，但没有效果 chart.xAxis .d格式（函数（d）{ 返回d3.time.format（“%m%y”）（新日期（d）） }); 我在手机上提交时，对上述代码的格式表示歉意，请按以下方式操作： var format = d3.time.format("%Y-%d-%m").parse;

我有一个工作的多条形图，但我无法更改日期格式

在json数据字符串中，日期读作2016-01-01、2016-02-01等，我希望在x轴上读作1月16日

这是我的小提琴：

以下是我试图添加的内容，以更改日期，但没有效果

chart.xAxis
.d格式（函数（d）{
返回d3.time.format（“%m%y”）（新日期（d））
});

我在手机上提交时，对上述代码的格式表示歉意，请按以下方式操作：


var format = d3.time.format("%Y-%d-%m").parse;//needed to parse the string to date
var chart = nv.models.multiBarChart();
chart.xAxis
.tickFormat(function(d) {
  return d3.time.format('%m %y')(format(d)); 
});


在SVG中绘制标记之前，必须定义xAxis/yAxis标记格式（这就是您没有看到标记格式的原因）

工作代码