chart力导图node节点图片代替

最新推荐文章于 2023-06-21 16:10:31 发布

chi1130

最新推荐文章于 2023-06-21 16:10:31 发布

阅读量330

点赞数

分类专栏： js 文章标签： chart

本文链接：https://blog.csdn.net/chi1130/article/details/87284942

版权

js 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

效果

源码

在线demo

代码

chart: {
      type: 'networkgraph'
  },

  plotOptions: {
      networkgraph: {
          layoutAlgorithm: {
              enableSimulation: true
          }
      }
  },

  series: [{
      link: {
          width: 2
      },
      data: [{
          from: 'chengheai-1',
          to: 'chengheai-2'
      }, {
          from: 'chengheai-2',
          to: 'chengheai-3'
      }],
      nodes: [{
          id: 'chengheai-1',
          marker: {
              width: 20,
              height: 20,
              symbol: 'url(https://avatars3.githubusercontent.com/u/26807610?s=88&v=4)'
          }
      }, {
          id: 'chengheai-2',
          marker: {
              width: 40,
              height: 40,
              symbol: 'url(https://avatars3.githubusercontent.com/u/26807610?s=88&v=4)'
          }
      }, {
          id: 'chengheai-3',
          marker: {
              width: 40,
              height: 40,
              symbol: 'url(https://avatars3.githubusercontent.com/u/26807610?s=88&v=4)'
          }
      }]
  }]