3

積み重ねられたバーの例の行に沿って何かを達成しようとしていますが、違いはバックグラウンド データの編成方法です。

レイアウトは、データがレイヤーごとに編成されていることを前提としています。

代わりに、データポイントごとに整理されたデータでレイアウトを使用しようとした人はいますか?

例えば

   //completely random example, but I hope you can get the gist. 
    [{
    id: 1,
    name: 'foo'
    layers: {
        a: 10,
        b: 13,
        c: 12
      }
 }, {
   id: 2,
   name: 'bar',
   layers: {
       a: 8,
       b: 5,
       c: 14
     }
 }]

データがレイヤーごとに配置されるように完全に再マッピングする以外に（かなり巨大なデータセットに対してこれを行う必要があるかもしれないので、私が尋ねているのです）、このように提示されたデータから積み重ねられたレイアウトを作成した人はいますか?

4

1 に答える 1

2

ネイティブの d3 スタック レイアウト ヘルパー関数をいつでも回避し、データから四角形の位置を自分で計算することができます。

まだデータを少し変換する必要があるため、d3.stack が受け取るレイヤー入力に変換してみる価値はあるかもしれませんが、役立つ場合に備えてこれを提示します。

積み上げレイアウトなしの積み上げ棒グラフの例

于 2012-09-02T20:17:20.747 に答える