30

これは私が達成しようとしていることです:

タイムライン

この例では、開始日(2011年6月1日)、終了日(2012年7月1日)、およびこの範囲内の複数のイベントがあります。

各イベントはカレンダーの1日に関連しています(ただし、1日に多くのイベントを開催することもできます)。

このデータはMySQLDBからフェッチされます。

どんな助けや提案も大歓迎です。

4

3 に答える 3

51

私は最近、似たようなことをしなければなりませんでした。私は結局、他のいくつかの中でこのケースを処理できるd3プラグインを作成しました。https://github.com/jiahuang/d3-timeline

ここに画像の説明を入力してください

ここに画像の説明を入力してください

ここに画像の説明を入力してください

ここに画像の説明を入力してください

私もD3は初めてですが、お役に立てば幸いです。

于 2012-12-27T04:59:27.713 に答える
9

あなたは時間スケールでこれを達成することができるはずです

スコットマレーは、のための1つで最高潮に達するチュートリアルの本当に良いセットを持っています

タイムラインを、タイムスケールのある1次元の散布図と考えてください。

于 2012-11-07T19:32:58.707 に答える
1

同様の視覚化を開発し、d3.jsに基づくGithubtimeknotsコンポーネントで見つけました。

于 2017-07-27T07:54:28.793 に答える