タグ

ブックマーク / takashiski.hatenablog.com (1)

  • d3.jsの拡縮できるグラフの時間軸を任意の書式で表示できるようにする - takashiskiのブログ

    d3.jsはzoomによるグラフの拡大縮小ができます。このとき軸を数値ではなく時間軸として設定していると、自動で軸の表記粒度を変更してくれます。具体的には以下のサンプルグラフを弄ってみてください。マウススクロールで拡縮、ドラッグで移動できると思います。 Zoomable Area 気付くと思いますが、時間軸の表記が日では一般的でない表記です(US表記らしい)。私はこれでもわかるのでよいと思うのですが、これでは困るという人がいます。 今回は、この部分を書き換える方法を検討します。実際の描画サンプルまでは提示しません。 使うもの d3.time.format.mutil() d3.locale() d3.locale() d3.locale()で月名や曜日名を再定義します。デフォルトだと完全に英語で扱いづらいです。 var definition = { "decimal": ".", "th

    d3.jsの拡縮できるグラフの時間軸を任意の書式で表示できるようにする - takashiskiのブログ
    peltier
    peltier 2017/02/27
  • 1