0

d3 ライブラリを使用してガント チャートを作成しています。これまでのところ、私はこの画像に似た何かをしました:

ここに画像の説明を入力

ただし、お気づきのように、時間軸の左端と右端の 12AM ラベルはすぐに使用できなくなります。それで、午前2時からタイムティックを開始し、午後10時に終了する方法があるかどうか知りたいですか?

時間軸を次のように定義します。

  x1HourAxis
    .ticks(d3.time.hours, 2)
    .tickFormat(d3.time.format('%I %p'));

私はこの構成を維持したいのですが、私が言ったように、私は午前 2 時から午前 4 時まで、そして午前 10 時までの時間を開始したいと考えています。

4

2 に答える 2

0

1 つのオプションは、表示する目盛り値を明示的に設定することです。これを行うことができますaxis.tickValues([values])

あなたの特定のケースでは、あなたの軸は でありx1HourAxis、それは であると私は信じていますvaluesが[2, 4, 6, 8, 10, 12, 14, 16, 18, 20, 22]、それらを時間値 (例: 2:00 PM) として、またはミリ秒値で指定する必要があるかもしれません。時間スケールの値を明示的に設定しようとしたことがないので、規則が何であるかは完全にはわかりません。

于 2013-05-01T15:33:26.383 に答える