Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript NVD3折线图单记录问题_Javascript_Jquery_Html_D3.js_Nvd3.js - Fatal编程技术网

Javascript 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

我在使用nvd3折线图时遇到了一个奇怪的问题。对于单个记录,它在图表中间显示数据,并且对于多个数据,它是完美的工作。单一数据的问题是它显示了我不想显示的未来日期

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])

请参阅此小提琴以了解示例: