尝试使用d3在x轴上绘制时间图

Question

我在Grails环境中工作，从csv文件中获取一些数据到d3中。时间戳数据的格式为＆＃34;月/日/年小时：分钟：秒AM / PM＆＃34;。我的y轴数据完美传递，但它只是将我的x轴绘制成单个数据点。如何获取数据，使其只是小时：分钟并将其绘制出来

这是我的代码：

nv.addGraph(function() {
var chart = nv.models.scatterChart()
            .showDistX(true)    
            .showDistY(true)
            .transitionDuration(350)
            .color(d3.scale.category10().range())


chart.tooltipContent(function(key) {
  return '<h3>' + key + '</h3>'
})

chart.xAxis.axisLabel('X Axis label').tickFormat(function(d) {
        return d3.time.format('%H:%M')(new Date(2012, 0, 1, 0,d))})

chart.yAxis.axisLabel('Time').tickFormat(d3.format('.02f'))

chart.scatter.onlyCircles(false)

var myData = generateData(4)
d3.select('#chart svg')
  .datum(myData)
  .call(chart)

nv.utils.windowResize(chart.update)

return chart
 })


function generateData(groups) { 
var data = []


for (i = 0; i < groups; i++) {
data.push({
  key: 'Group ' + i,
  values: []
})



<g:each in="${list}" var="money">      

data[i].values.push({
    x:  ${money.open}       

  , y: ${money.high}
  , size: 20  
  })
</g:each>
}