为什么我的折线图倒置了？

Question

我目前正在使用ZoomData制作NVD3折线图。 我不明白为什么我的图表会被反转。

X轴：日期， Y轴：数字

这是一个JS小提琴，你也看到我在做什么：http://jsfiddle.net/A2GK4/

我的折线图如下所示：http://hpics.li/d066e46

我也把我的代码放在这里。

    var svg = d3.select(controller.element).append("svg")

.attr("width", "100%")
.attr("height", "100%");
var format = d3.time.format("%Y-%m-%d");
var chart;



nv.addGraph(function() {
    CreateLabels();
  chart = nv.models.lineChart()
  .options({
    margin: {left: 50, bottom: 50},
 // x: function(d,i) { return i},
    showXAxis: true,
    showYAxis: true,
    transitionDuration: 250
  });

   // chart.width(1500)  ;
   // chart.height(720) ;

  chart.xScale = d3.time.scale();


  chart.xAxis.tickFormat(function(d) { return d3.time.format("%Y-%m-%d")(new Date(d)); });
  chart.yAxis.tickFormat(d3.format(',.2f'));

  chart.x( function(d){ return new Date(d.group);} );
  chart.y(function(d){return d.current.count});

  nv.utils.windowResize(chart.update);
 return chart;
});




function CreateLabels()
{
    var attributeLabel = controller.createAxisLabel({
        type: 'attribute',
        orientation: 'horizontal',
        position: 'bottom',
        'popover-title': 'Group'
    });

    var metricLabel = controller.createAxisLabel({
        type: 'metric',
        orientation: 'vertical',
        position: 'left',
        'popover-title': 'Bar Height'
    });
}

controller.update = function(data)
{
    var newData = [{key:"Test Line", values: data }];

    d3.select(controller.element).select("svg")
    .datum(newData)
    .call(chart)
    ;

}

感谢您的支持！