2

nvd3.jsを使用して、時間の経過に伴う評価を表示しようとしています（ほぼリアルタイムで、データは3分ごとに更新されます）。現在、データは正しく表示されているように見えますが、x軸には非常に読みにくいエポックタイムが表示されています。エポックタイムではなく、x軸に「x分前」を表示するにはどうすればよいですか？

これが私が使用しているコードです：

nv.addGraph(function() {
  var chart = nv.models.lineChart();

  chart.xAxis
      .axisLabel('Time')
      .tickFormat(d3.format('r'));

  chart.yAxis
      .axisLabel('Rating')
      .tickFormat(d3.format('.2f'));

  d3.select('#chart svg')
      .datum(data())
    .transition().duration(500)
      .call(chart);

  nv.utils.windowResize(chart.update);

  return chart;
});

function data() {
  var data = [ { x: 1345457533, y: -0.0126262626263 },
               { x: 1345457409, y: 0.0224089635854 },
               { x: 1345457288, y: 0.0270935960591 },
               { x: 1345457168, y: -0.0378151260504 },
               { x: 1345457046, y: -0.115789473684 } ]

  return [
    {
      values: data,
      key: "Sample1",
      color: "#232066"
    }
  ];
}
4

1 に答える 1

6

たとえばmoment.jsを使用するラベルにはカスタムフォーマット関数を使用します。の線に沿った何か

function myFormat(d) {
  return moment(d * 1000).fromNow();
}
于 2012-08-20T20:34:01.730 に答える