如何更改d3.js中的时间刻度步骤？

Question

我的图表中不能 5分钟。

这是我传递给Angular Material Chart指令的对象的一部分 这是我的xAxis：

＆＃13;

＆＃13;

xAxis: {
  tickFormat: function(d) {
    return $filter('date')(new Date(d * 1000), 'HH:mm');
  },
  ticks: 5, // as I know 2,5,10
  showMaxMin: false
},

＆＃13;

＆＃13;

＆＃13;

我的 X 时间刻度 17:46 / 18:03 我一直试图改变不同的价值观，并且还在阅读D3 Tips＆amp;捣蛋但没有找到答案。

我想要 5分钟，我的X比例看起来像 18:00 / 18:05 / 18:10

Answer 1

var startDate = data[0].x;
var finishDate = data[data.length - 1].x; 
chart.xAxis.tickValues(d3.time.minutes(startDate, finishDate, 5));

基本上它使用d3.time.minutes生成一个每5分钟有一个时间戳的数组。然后将其传递给tickValues。