Javascript x轴上缺少日期
我正在使用nvd3.js实现图形。 我的代码如下:Javascript x轴上缺少日期,javascript,jquery,nvd3.js,Javascript,Jquery,Nvd3.js,我正在使用nvd3.js实现图形。 我的代码如下: nv.addGraph(function () { charts = nv.models.lineChart(); var chart = charts.margin({ top: 100, right: 20, bottom: 50, left: 45 }).showLegend(true).tooltipContent(function (key,
nv.addGraph(function () {
charts = nv.models.lineChart();
var chart = charts.margin({
top: 100,
right: 20,
bottom: 50,
left: 45
}).showLegend(true).tooltipContent(function (key, y, e, graph) {
return '<h3>' + key + '</h3>' + '<p>' + e + '% at ' + y + '</p>'
});
chart.xAxis.tickFormat(function (d) {
return d3.time.format('%x')(new Date(d))
});
chart.yAxis
.tickFormat(d3.format(',d'));
chart.forceY([0,20]);
d3.select('#lineChart svg')
.datum(dateArr)
.transition(500).duration(500)
.call(chart);
nv.utils.windowResize(chart.update);
return chart;
});
nv.addGraph(函数(){
charts=nv.models.lineChart();
var图表=图表。保证金({
前100名,
右:20,,
底数:50,
左:45
}).showLegend(true).tooltipContent(函数(键、y、e、图形){
在“+y+”处返回“+key+”+”“+e+””
});
chart.xAxis.tickFormat(函数(d){
返回d3.time.format(“%x”)(新日期(d))
});
图1.yAxis
.tickFormat(d3.format(',d'));
图.力([0,20]);
d3.选择(“#线形图svg”)
.基准(dateArr)
.过渡期(500)。持续时间(500)
.电话(图表);
nv.utils.windowResize(图表更新);
收益表;
});
其中,dateArr
是[{“key”:“182398”,“value”:[{“x”:“1375295400000”,“y”:“2”},{“x”:“1374517800000”,“y”:“2”},{“x”:“1374604200000”,“y”:“12”},{“x”:“1374431400000”,“y”:“1”},{“x”:“1375122600000”,“y”:“4”{“x”:“1375209000000“1374517800000”,“y”:“1”},{“x”:“1374604200000”,“y”:“2”},{“x”:“1374431400000”,“y”:“0”},{“x”:“1375122600000”,“y”:“0”},{“x”:“1375209000000”,“y”:“0”};
根据数据,对于185271
有两个数据,一个是2013年7月23日的1个数据,另一个是2013年7月24日的2个数据。但是如果您看到附件中的图像,则显示在x轴上的日期存在问题。即使是2013年7月24日也不存在于x轴上。即使您可以看到第一个日期的重复。
请让我知道问题在哪里,我有什么修改
提前感谢。您的
X
时间戳是一个字符串,它必须是一个整数,因此工具提示上显示了NaN的原因,请删除双引号。打开您的代码,这样我们就可以看到我无法在JSFIDLE中运行,尽管我在JSFIDLE中更新了代码,但如果有任何问题,我会遇到另一个问题y更少的数据则x轴(日期)以多个相同的日期跳转。例如,我只有2个日期2013年7月23日和2013年7月24日,然后我在x轴中有4个23-07-2013列。我在x轴中只需要一个23-07-2013。是否可能?再次查看您传递的数据,确保您没有重复任何日期。