安装
VUE
1.首先安装antv/g2(下面是G6需要哪个下载哪个,玫瑰图用的是G2)
npm install @antv/f2 --save
npm install --save @antv/g6
2.在需要用到G6的组件或JS文件中导入:
import * as G2 from '@antv/g2'; //引入G2
完整代码如下:
<template>
<div>
<div id="c1"></div>
</div>
</template>
<script>
import * as G2 from '@antv/g2'; //引入G2
export default {
data() {
return {
ru: {
data: [{
year: '北京机构 2006',
population: 41.8
}, {
year: '上海机构 2006',
population: 38
}, {
year: '南京 2006',
population: 33.7
}, {
year: '天安门',
population: 30.7