webcmp-topo-chart-horizontal

webcmp-topo-chart-horizontal

拓扑图组件封装

Install

# run in terminal
yarn add webcmp-topo-chart-horizontal
# or
npm install webcmp-topo-chart-horizontal

Usage

import Fruchterman from 'webcmp-topo-chart-horizontal'

const fruchterman = new Fruchterman(dom)
fruchterman.render({
  hideExport: true,
  data: {
    nodes: [
      {
        id: '0e359bf67a182f5f58efa5075b113483',
        label: '节点',
        targetTypeName: 'deeeedeeeedeeeedeeeedeeeedeeee',
        icon: 'asset_node',
        showLink: false,
        targetType: 'node',
        link: false,
      },
    ],
    edges: [
      {
        source: '0e359bf67a182f5f58efa5075b113483',
        target: '0e359bf67a182f5f58efa5075b113483',
      },
    ],
  },
})