Javascript NVD3折线图单记录问题
嗨 我在使用nvd3折线图时遇到了一个奇怪的问题。对于单个记录,它在图表中间显示数据,并且对于多个数据,它是完美的工作。单一数据的问题是它显示了我不想显示的未来日期Javascript NVD3折线图单记录问题,javascript,jquery,html,d3.js,nvd3.js,Javascript,Jquery,Html,D3.js,Nvd3.js,嗨 我在使用nvd3折线图时遇到了一个奇怪的问题。对于单个记录,它在图表中间显示数据,并且对于多个数据,它是完美的工作。单一数据的问题是它显示了我不想显示的未来日期 nv.addGraph(function() { var chart = nv.models.lineChart().x(function(d) { return d.x }).y(function(d) { return
nv.addGraph(function() {
var chart = nv.models.lineChart().x(function(d) {
return d.x
}).y(function(d) {
return d.y
}).color(d3.scale.category10().range())
.useInteractiveGuideline(true);
chart.forceY([0,unitInterval]);
chart.yAxis.scale().domain([ 0, 9999999 ]);
var format = ',f';
chart.yAxis.tickFormat(function(d) {
return nFormatter(d);
}).axisLabel('No. Of Records');
chart.margin({
bottom : 50,
left : 75
});//set margin
chart.xAxis.axisLabel("Duration").tickFormat(function(d) {
return d3.time.format('%x')(new Date(d));
});
chart.noData("Data unavailable for current selection.");
d3.select('#recordChartDiv svg').datum(data).transition()
.duration(500).call(chart);
nv.utils.windowResize(chart.update);
这是我正在使用的代码。如果是单笔记录,请有人帮忙安排好勾号吗?
这在另一个用于多数据的图形中运行良好。
您认为只有一个数据点的图形会是什么样子 您可以添加一个域和forceX,将积分日期显示为最大值,如下所示:
chart.forceX([minDate,date]);
chart.xAxis.scale().domain([minDate,date])代码>
查看此提琴以获取示例:仅使用一个数据点时,您希望图形是什么样子
您可以添加一个域和forceX,将积分日期显示为最大值,如下所示:
chart.forceX([minDate,date]);
chart.xAxis.scale().domain([minDate,date])代码>
请参阅此小提琴以了解示例: