antV G2在vue中的使用

2023-09-12 21:11:19

以双折线图为例记录，最终效果图

 

安装

npm install @antv/g2 --save

在需要的vue文件中引入

import G2 from '@antv/g2';          //引入G2
import { Chart } from "@antv/g2";   //或者只引入需要用到的G2组件，我要用Chart
const DataSet = require('@antv/data-set'); //antV中用DataSet作为数据集，可以对原始数据进行操作，比如格式转换之类的，以供图表方法使用，当然也可以不用，不管什么方法只要把数据格式转变成它需要的格式就可以了

创建template