d3でのグループ化とロールアップ

ボニー・アウリア

コードに問題があります。これはデータの例です

var data = [
{
"office": "George Town Office",
"city_name": "George Town",
"total_employee": 2100,
},
{
"office": "George Town Working Space",
"city_name": "George Town",
"total_employee": 100,
},
{
"office": "Renasti KL Office",
"city_name": "Kuala Lumpur",
"total_employee": 1900,
}
]

キー(city_name)でグループ化していますが、total_employeeを計算する必要がある場合、ロールアップに問題があります。これはコードです

var nested_data =  d3.nest()
    .key(function(d) {  return d.city_name; })
    //error undefined .rollup(function(v, i) { return v.total_employee; })
    .entries(da);

tisのようなコンソール結果の例

0:
key: "George Town"
values: Array(8)
0: {city_name: "George Town", office: "George Town Office", total_employee: 2100, …}
1: {city_name: "George Town", office: "George Town Office Working Space", total_employee: 100, …}

そして私の問題は、同じキーでtotal_employeeを計算する方法ですか?期待される結果

key: "George Town"
values: total_employee: 2200
ジェラルド・フルタド

あなたのrollup方法では...

.rollup(function(v, i) { return v.total_employee; })

...vはオブジェクトの配列であり、単一のオブジェクトではありません。したがって、たとえばd3.sumを使用して、配列として脅威を与える必要があります

.rollup(function(v) {
    return d3.sum(v, function(e) {
        return e.total_employee;
    })
})

これがデモです:

var data = [{
    "office": "George Town Office",
    "city_name": "George Town",
    "total_employee": 2100,
  },
  {
    "office": "George Town Working Space",
    "city_name": "George Town",
    "total_employee": 100,
  },
  {
    "office": "Renasti KL Office",
    "city_name": "Kuala Lumpur",
    "total_employee": 1900,
  }
]

var nested_data = d3.nest()
  .key(function(d) {
    return d.city_name;
  })
  .rollup(function(v) {
    return d3.sum(v, function(e) {
      return e.total_employee;
    })
  })
  .entries(data);

console.log(nested_data)
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

d3パスでグループをアニメーション化

分類Dev

d3-arrayからのグループとロールアップで配列を要約する方法は?

分類Dev

d3.groupを使用したD3でのグループラインプロット

分類Dev

D3で各rectとtextをグループ化します

分類Dev

d3の異なるグループでグループ化されたカテゴリ棒グラフ?

分類Dev

D3でg要素をグループ化する方法は?

分類Dev

xAxisティックのD3グループラベル

分類Dev

グループD3の凡例アイテム

分類Dev

React + d3ツールチップと凡例のオーバーラップ

分類Dev

D3の非階層(グループ間のギャップなし)バンドルレイアウト

分類Dev

D3で可変速度のマルチラインプロットをアニメーション化する

分類Dev

グーグルマップの上にD3マップを置く

分類Dev

D3 Force Layoutのノードとして円とパスをグループ化しますか?

分類Dev

PandasDataFrameグループとロールアップを1回の操作で

分類Dev

グループ化された棒グラフのD3ブラッシング

分類Dev

グループ化された棒グラフのD3ブラッシング

分類Dev

D3データをブートストラップモーダルダイアログに渡す

分類Dev

アルファベット順のd3jsロールアップグループ

分類Dev

mysqlとストリーミングセンサーデータを使用したd3リアルタイムグラフプロット

分類Dev

3因子グループ化プロット内での並べ替え

分類Dev

R:バープロットの値でグループ化

分類Dev

R rgl 3d ログ スケール プロットとアンテナ パターン プロット

分類Dev

列名とプロットのグループ化文字列

分類Dev

d3力指向グラフレイアウトでノードのグループを視覚化する方法

分類Dev

Rのプロットでのサブグループ化

分類Dev

d3 json ファイルを使用したツールチップ付きのレスポンシブなグループ化された棒グラフ

分類Dev

D3で同じクラスの2つのgをグループ化する

分類Dev

ロールアップを使用してクエリでグループ化

分類Dev

D3データ入力ごとに1つのグループ

Related 関連記事

  1. 1

    d3パスでグループをアニメーション化

  2. 2

    d3-arrayからのグループとロールアップで配列を要約する方法は?

  3. 3

    d3.groupを使用したD3でのグループラインプロット

  4. 4

    D3で各rectとtextをグループ化します

  5. 5

    d3の異なるグループでグループ化されたカテゴリ棒グラフ?

  6. 6

    D3でg要素をグループ化する方法は?

  7. 7

    xAxisティックのD3グループラベル

  8. 8

    グループD3の凡例アイテム

  9. 9

    React + d3ツールチップと凡例のオーバーラップ

  10. 10

    D3の非階層(グループ間のギャップなし)バンドルレイアウト

  11. 11

    D3で可変速度のマルチラインプロットをアニメーション化する

  12. 12

    グーグルマップの上にD3マップを置く

  13. 13

    D3 Force Layoutのノードとして円とパスをグループ化しますか?

  14. 14

    PandasDataFrameグループとロールアップを1回の操作で

  15. 15

    グループ化された棒グラフのD3ブラッシング

  16. 16

    グループ化された棒グラフのD3ブラッシング

  17. 17

    D3データをブートストラップモーダルダイアログに渡す

  18. 18

    アルファベット順のd3jsロールアップグループ

  19. 19

    mysqlとストリーミングセンサーデータを使用したd3リアルタイムグラフプロット

  20. 20

    3因子グループ化プロット内での並べ替え

  21. 21

    R:バープロットの値でグループ化

  22. 22

    R rgl 3d ログ スケール プロットとアンテナ パターン プロット

  23. 23

    列名とプロットのグループ化文字列

  24. 24

    d3力指向グラフレイアウトでノードのグループを視覚化する方法

  25. 25

    Rのプロットでのサブグループ化

  26. 26

    d3 json ファイルを使用したツールチップ付きのレスポンシブなグループ化された棒グラフ

  27. 27

    D3で同じクラスの2つのgをグループ化する

  28. 28

    ロールアップを使用してクエリでグループ化

  29. 29

    D3データ入力ごとに1つのグループ

ホットタグ

アーカイブ