dc.js でバブル チャートを作成していますが、X 軸に沿ったプロットに問題があります。
グラフへのリンクは次のとおりです。http://junklogic.com/dcjs/creatures/creatures.html
このチャートのデザインは次のとおりです。楽しみのために「神話上の生き物の目撃情報」のデータセットを使用しています。
JSON の各行は次のようになります。
{
"creature_name": "Dragon",
"seenby": "Ann",
"date": "2014-01-25T22:10:58",
"danger": 3,
"location": "FL"
},
各バブルは、生物が目撃された日時に基づいてグループ化されます。
- バブル半径は、その特定の時間に個人が目撃した回数です。
- バブルの色は危険レベルの平均で、合計してカウントで割ると 1 ~ 3 の数字が表示されます
- y 軸は、危険レベルにカウントを掛けた計算です (これを「影響」と呼びます)。
- X 軸は、その下の棒グラフと同じ時間範囲で、タイムラインに基づいてバブルをプロットする必要があります。これは私が立ち往生しているところです。
すべてのバブルはピクセル 0 に固定され、全体にプロットされません。これらがタイムライン全体のポイントを反映することを望みます。理想的には、たとえば 1 時間のグループにグループ化したいと考えています。しかし、それらをプロットするだけで、これらのライブラリの学習の進行に大きな違いが生じます。
スクリプトはhttp://junklogic.com/dcjs/creatures/js/creatures.jsにあります。
JSON ファイルはhttp://junklogic.com/dcjs/creatures/data/dashdata.jsonにあります。
助けてくれてありがとう。この質問を解決するために他の情報を提供する必要がある場合は、できる限り提供させていただきます