javascript - NVD3时间格式，带焦点图的线

Question

我正在使用带有焦点图的 nvd3 线的相当简单的示例。 myData 从我的 php 文件返回一个 JSON 对象，其中 x 坐标是 0-23 之间的数字。我想知道如何将 x 轴格式化为小时格式。

 d3.json('get_data.php', function (error, myData) {
  // Renders a line chart
  (function () {
      nv.addGraph(function () {  
          var chart = nv.models.lineWithFocusChart();
          chart.xAxis                
            .tickFormat(d3.format(''));
          chart.yAxis
            .tickFormat(d3.format(''));
          chart.y2Axis
            .tickFormat(d3.format(''));

          d3.select("#chart svg")               
              .datum(myData)
              .transition().duration(500)
              .call(chart);    //Define transition and pass the d3.selection to our lineChart.


          nv.utils.windowResize(chart.update);

          return chart;   //Must return the enclosed chart variable so the global rendering queue can store it.
          //});
      });
  })();  });

以下是 myData 中的示例 json 数据。我是否需要以任何方式操纵它？

[{
“键”:“数据”，
“值(value)观”:[
{
“x”:0，
“y”:408175
},
{
“x”:1，
“y”:428739
},
{
“x”:2，
“y”:422141
},
{
“x”:3，
“y”:439864
},
{
“x”:4，
“y”:441409
}
]
}]如有任何帮助，我们将不胜感激。

Answer 1

以下对我不起作用。Chart.lines.xScale(d3.time.scale());Chart.lines2.xScale(d3.time.scale());

在最新的 nvd3 中，您必须使用以下命令来更新 xScale。Chart.xScale(d3.time.scale());Chart.focus.xScale(d3.time.scale());

希望它对某人有帮助。