首页 前端知识 echarts报错分析汇总

echarts报错分析汇总

2024-08-07 00:08:36 前端知识 前端哥 42 213 我要收藏

echarts报错分析汇总

  • echart 节点重复报错---echarts2.js:60988 Graph nodes have duplicate name or id
  • 桑基图-拖拽时出现样式错乱,文字变大

echart 节点重复报错—echarts2.js:60988 Graph nodes have duplicate name or id

nodes: [{
    name: '操作系统集团',
    category: 0
  }, {
    name: '浏览器有限公司',
    category: 0
  }, {
    name: 'HTML科技',
    category: 0
  }, {
    name: 'JavaScript科技',
    category: 0
  }, {
    name: 'CSS科技',
    category: 0
  }, {
    name: 'Chrome',
    category: 1
  }, {
    name: 'IE',
    category: 1
  }, {
    name: 'Firefox',
    category: 1
  }, {
    name: 'Safari',
    category: 1
  }],
  
  links: [{
    source: '浏览器有限公司',
    target: '操作系统集团',
    name: '参股'
  }, {
    source: 'HTML科技',
    target: '浏览器有限公司',
    name: '参股'
  }, {
    source: 'CSS科技',
    target: '浏览器有限公司',
    name: '参股'
  }, {
    source: 'JavaScript科技',
    target: '浏览器有限公司',
    name: '参股'
  }, {
    source: 'Chrome',
    target: '浏览器有限公司',
    name: '董事'
  }, {
    source: 'IE',
    target: '浏览器有限公司',
    name: '董事'
  }, {
    source: 'Firefox',
    target: '浏览器有限公司'}]

解决方案:
加上一个id,用id进行匹配,新的结构:

nodes: [{
    name: '操作系统集团',
    id:1,
    category: 0
  }, {
    name: '浏览器有限公司',
    id:2,
    category: 0
  }, {
    name: 'HTML科技',
    id:3,
    category: 0
  }]

这样可以实现name重复节点的展示

参考:https://blog.csdn.net/weixin_44237806/article/details/124634219

桑基图-拖拽时出现样式错乱,文字变大

可能是引入多个版本导致的错误,去掉一个即可

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14956.html
标签
chromefirefox
评论
发布的文章

前端-axios应用在html文件

2024-08-15 23:08:39

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!