0

クライアントから、折れ線グラフを使用したプロジェクト バーンダウン チャートの依頼を受けました。問題は、x 軸の日付を特定の方法でフォーマットする必要があることです mmm dd-dd/yy (たとえば、11 月 18-24/12) ここで、18-24 は週 (18 日から 24 日) です。D3 でカスタムの日付形式を作成することは可能ですか?

4

4 に答える 4

4

はい、カスタムの日付形式を作成できます。

var xAxis = d3.svg.axis()
    .scale(x)
    .tickFormat(customDateFormat);

function customDateFormat(date) {
  // figure out what week the current date is in
  // and return the appropriate string
}

さらに手の込んだものにしたい場合は、d3.js が組み込みのフォーマッターを実装したのと同じ方法で、完全なフォーマッターを実装できます。その例については、http://bl.ocks.org/4149176を参照してください。

于 2012-12-10T02:56:16.770 に答える
0

はい、可能です。のドキュメントをd3.time.format参照してください。

于 2012-12-05T15:36:28.310 に答える
0

私はJavaScriptを使用して日付をソート/フォーマットし、型にはまらないフォーマットになると、過去に値をD3に送信しました。

私はdate.jsを使用しました。これは古い js ライブラリですが、十分に機能し、幅広いフォーマットを提供します。

于 2012-12-05T15:39:37.550 に答える
-1

独自のフォーマット指定子「%o」を作成しました

o: function(d) {
    var weekInSeconds = 6 * 86400000;
    var eowDate = new Date(d.getTime() + weekInSeconds);
    return d3_time_zfill2(eowDate.getDate());
},

d3.v2.js ファイルの 6824 行目あたり。最もクリーンな実装ではありませんが、機能します。

于 2012-12-13T16:15:09.783 に答える