Vue使用Viser

最近产品经理发现antV的图表非常漂亮,想在项目里使用,看了下文档antV适用于Vue的分支叫Viser,Viser的官方文档写的有点随意,在此给出Vue中使用Viser的方法如下:

1.安装Viser相关包

npm install viser-vue
npm install @antv/data-set

2.在项目的main.js中引入Viser

import Viser from 'viser-vue'
Vue.use(Viser)

与引入ElementUI等框架相同,这里不需要额外引入CSS样式

3.vue文件中书写代码

官方饼图案例文档



别忘了拷贝最后一行的闭合哦,小编实践的时候就忘记写了,一直出不来图表,编译时也不报错,整了几个小时才发现时少写了这个。

你可能感兴趣的:(Vue使用Viser)