2017-04-06 1 views
2

5分ステップをマイチャートに作成できません。d3.jsでタイムティックステップを変更する方法は?

これは私がこれは私のxAxisあるAngular Materialチャートディレクティブ に渡すオブジェクトの一部です:

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

マイX時間スケールが/ 17時46です18:03 私はさまざまな値を変更しようとしていましたが、D3のヒント0も読んでいますトリックが答えを見つけられませんでした。

私は私のXスケールが18:00/18:05 /午後06時10分

+0

完全な例をPlunker/JSFiddleとして提供できますか? – jeznag

答えて

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

のように見える基本的にそれはd3.timeを使用していることを5分のステップを作りたいです。 5分ごとにタイムスタンプ付きの配列を生成します。これはtickValuesに渡されます。

+0

あなたの答えがありがとう、私はあなたをdownvoteしなかったが、あなたの解決策は動作しません – DarthJS

+0

ああ、nvd3は2番目のパラメータを通過しないので、はい。 代わりにこれが機能します。 var startDate = data [0] .x; var finishDate = data [data.length - 1] .x; viewFinder.xAxis.tickValues(d3.time.minutes(startDate、finishDate、5)); 本質的に、d3.time.minutesを使用して、タイムスタンプが5分ごとに配列が生成されます。これはtickValuesに渡されます。 – jeznag

関連する問題