Vue 引入G2图表

安装G2依赖

npm install @antv/g2
npm install @antv/data-set vue-ge

在Vue  main.js文件中引入G2

import G2 from '@antv/g2'
Vue.use(G2)

模板中使用完整代码(柱状图)


在补充一下世界地图(当初项目需求找了G2的地图,感觉API文档有些东西没说明白,这里记录一下)


fetch这个地方官网引入的是文件目录,不是具体的json文件,使用的时候找不到文件
fetch引入的json这里是本地的,其次G2官网提供的远程githup地址获取不到这个json文件
fetch引入json文件的路径,不是你当前文件到该json的路径,而是index.html到该json文件的地址

你可能感兴趣的:(Vue)