上次做拓扑图的时候研究了G6,但是G6偏展示一点,有一些操作的不是很好用,就又研究了一番X6,虽然到最后只研究了个皮毛,但是研究过程还是有必要记录一下的。
1.安装&引用
<1>在项目中使用NPM包引入
(1)在项目中使用npm包引入,需要使用如下命令安装x6
npm install @antv/x6 --save
效果如下图所示:
(2)在需要X6的组件或JS文件种导入:
import { Graph } from '@antv/x6';
具体效果如下图所示:
导入后{ Graph }会报错,别急,下面代码中需要创建Graph对象,才不会报错
<2>在HTML中使用cdn引入:《我这边是vue例子,所以对html的内容就不详细解释了》
<script src="https://unpkg.com/@antv/x6/dist/x6.js"></script>
原文链接:https://blog.csdn.net/qq_36509946/article/details/124257718?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165934461816781818779766%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165934461816781818779766&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~blog~first_rank_ecpm_v1~times_rank-5-124257718-null-null.nonecase&utm_term=%E6%90%AD%E5%BB%BAcdn
原创文章,作者:优速盾-小U,如若转载,请注明出处:https://www.cdnb.net/bbs/archives/7058