AntV X6的安装与搭建

上次做拓扑图的时候研究了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

(1)
上一篇 2022年9月18日
下一篇 2022年9月18日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

优速盾注册领取大礼包www.cdnb.net
/sitemap.xml