分类：Antv

2020
10-30

VUE和Antv G6实现在线拓扑图编辑操作

效果图如下：我使用的是G62.0,也可以使用G63.0，3.0的拓扑图单独作为一个编辑器使用，使用更加方便。不过2.0的比较简单，容易上手。1.首先在Antv官网上找到蚂蚁AntvG6插件，引入插件。也可以npm方式引入。2.写组件exportdefault{name:“index”,components:{},mounted(){this.initG6();},data(){return{action:‘',name:‘',func:‘',account:‘',workflow:‘',nodeType:0,color:‘',net:‘',Util:‘',workfl... 继续阅读 >

2020
10-08

在Vue中使用antv的示例代码

一，在vue原型中使用1.首先安装antv/g2yarnadd@antv/g2--save2.在main.js中挂在到vue原型实例中constG2=require('@antv/g2')Vue.prototype.$G2=G23.在vue文件中可以直接在mounted生命周期中直接使用<template><div><divid="c1"></div></div></template><script>exportdefault{mounted(){this.initComponent();},data(){return{msg:"",chart:null,data:[{genre:"Sports",sold:275},... 继续阅读 >