您的当前位置:首页antV g2在vue项目中的运用

antV g2在vue项目中的运用

来源:小侦探旅游网

antV g2 的简单运用

G2 是一套基于图形语法理论的可视化底层引擎,以数据驱动,提供图形语法与交互语法,具有高度的易用性和扩展性。使用 G2,你可以无需关注图表各种繁琐的实现细节,一条语句即可使用 Canvas 或 SVG 构建出各种各样的可交互的统计图表。

1,安装
npm install @antv/g2 --save

成功安装完成之后,即可使用 import 或 require 进行引用。

import {
    Chart } from '@antv/g2';

在绘图前我们需要为 G2 准备一个 DOM 容器:

<div id="container"></div>

数据类型和实现步骤

const data = [
  {
   

因篇幅问题不能全部显示,请点此查看更多更全内容