1

階層的なエッジ バンドリングを介して視覚化するデータセットを構築する方法を理解したいと思います。

ここに私のテストデータセットがあります

  [
        {"name":"Flare.Expertise.Informatics","imports":["Flare.Expertise.Informatics.Programming","Flare.Expertise.Informatics.Networking","Flare.Expertise.Informatics.Security","Flare.Expertise.Informatics.BioInformatics","Flare.Expertise.LifeScience.Zoology","Flare.People.APerson","Flare.People.BPerson","Flare.People.CPerson","Flare.People.DPerson"]},
        {"name":"Flare.People","imports":["Flare.People.APerson","Flare.People.BPerson","Flare.People.DPerson"]},
        {"name":"Flare.Expertise.LifeScience","imports":["Flare.Expertise.LifeScience.Biology","Flare.Expertise.LifeScience.Zoology","Flare.People.APerson","Flare.People.CPerson"]},
        {"name":"Flare.Expertise.Informatics.Programming","imports":["Flare.People.APerson","Flare.People.BPerson"]},
        {"name":"Flare.Expertise.Informatics.Networking","imports":["Flare.People.APerson","Flare.People.DPerson"]},
        {"name":"Flare.Expertise.Informatics.Security","imports":["Flare.People.BPerson","Flare.People.DPerson"]},
        {"name":"Flare.People.BPerson","imports":["Flare.Expertise.Informatics.Security","Flare.Expertise.Informatics.Programming"]},
        {"name":"Flare.People.APerson","imports":["Flare.LifeScience.Zoology","Flare.Expertise.Informatics.Networking","Flare.Expertise.Informatics.Programming"]},
        {"name":"Flare.People.DPerson","imports":["Flare.Expertise.Informatics.Networking","Flare.Expertise.Informatics.Security","Flare.Expertise.Business.Commerce"]},
        {"name":"Flare.People.CPerson","imports":["Flare.Informatics.BioInformatics","Flare.LifeScience.Biology","Flare.Expertise.Business.Marketing"]},
        {"name":"Flare.Informatics.BioInformatics","imports":["Flare.People.CPerson"]},
        {"name":"Flare.LifeScience.Zoology","imports":["Flare.People.APerson"]},
        {"name":"Flare.Expertise.Business","imports":["Flare.Expertise.Business.Marketing","Flare.Expertise.Business.Commerce","Flare.People.CPerson","Flare.People.DPerson"]},
        {"name":"Flare.Expertise.Business.Commerce","imports":["Flare.People.DPerson"]},
        {"name":"Flare.LifeScience.Biology","imports":["Flare.People.CPerson"]}
        ]

だから、2つの主要なカテゴリがあります

  1. フレア・エキスパート

  2. フレアピープル

    Flare.Expertise には、インフォマティクス、ライフサイエンス、ビジネスの 3 つの主要なカテゴリがあります。各サブカテゴリには、LifeScience のようなさらなるカテゴリがあります: 動物学と生物学

Flare.People には、APerson、BPerson、CPerson、DPerson の 4 人がいます。

すべての人が異なる専門知識を持っていることを示す必要があります。たとえば、CPerson にはバイオインフォマティクスと生物学に関する情報があります。したがって、1 人が複数のメイン カテゴリとそれぞれのサブカテゴリの専門知識を持つことができます。

D3 Hierarchical bundle exampleでアルゴリズムを実装しようとしています。次のようなエラーが表示されます Uncaught TypeError: Cannot read property 'push' of undefined

このエラーを修正できません。プッシュ演算子を変更すると、空白のページが表示されます。私には問題はデータセットにあるようです。データセットのどこにエラーがあるのか​​わかりません。ですから、このエラーを修正するのを手伝ってください。そうでなければ、私のデータ内で上記の関係を視覚化する方法を教えてください

4

1 に答える 1

3

このブログから解決策を見つけました

http://ianh.co/modeling-data-with-the-d3-js-bundle-layout/

それによると、「インポート」にあるすべてのカテゴリは「名前」に存在する必要があります。

それを通して、私は自分のデータセットを修正することができ、それで作業することができました.

于 2015-05-30T16:14:27.507 に答える