echart 关系图graph 正确显示legend

问题

使用echart展示知识图谱时,我参照官网的demo,很快就用自己的测试数据(包含node、link )实现了demo的效果。但是遇到一个问题,图例 legend 没有正确显示。

硬编码了图例,竟然 只显示legend ,不显示 graph。
开始仔细看文档
....
查看其它chart 比如 line 或者 bar ,
legend data 数组的各项名称,要与 series 各项的 name 相同。但是很难套用给 graph。

解决方案

通过 categories 对应 每一个node 的 category,category 可以是 index,
options 如下:

  options = {
    legend: [{
      data: ['人物', '实体']
    }],
    series: [
      {
        categories: [
          { name: '人物' },
          { name: '实体' },
        ],

        nodes: [{
          id: 0,
          name: '唐纳德·特朗普',
          category: '人物',
          x: 300,
          y: 300
        }, {
          id: 1,
          name: '特朗普大厦',
          category: '实体',
          x: 800,
          y: 300
        }
      ],
      }
    ]
  };
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Here is our training plan. Our agenda for this training m...
    FlyingPeter阅读 418评论 0 0
  • 如今将近三十的我,为古人那句“三十而立”恐慌着。生命将进入新的阶段,边行边悟! 回想,二十岁之前的自己已经渐渐模...
    艳阳青空阅读 156评论 0 1
  • 离开了
    伊人萋萋阅读 172评论 0 0
  • 又是夜深寂静时,独坐窗前望天光。 思君念君自彷徨,但愿君我不相忘
    一席之宾阅读 457评论 0 3
  • 上周做了月计划,本周开始做年计划。制定计划前,以下几点不妨先看看。诚实面对自己,会更佳勇敢追求想要的目标。 制定计...
    柏瑶瑶阅读 371评论 0 0