画四分之一玫瑰图-antvg2

安装

1.npm安装

npm install @antv/g2 --save

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

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

const chart = new Chart({
  container: 'c1', //这个是id div里的id名必须和这个一致 不然不出现图
  width: 600, //宽度
  height: 300, //高度 
});

2.创建div图表容器

<div id="c1"></div> //这个名字是container  保持一致 自定义就行

3.渲染图表

 做法如下：

 

 

 

 

 具体查看

南丁格尔玫瑰图 | G2

 写这个的时候出现一个bug 我是通过时间去获取这个当前的图表 但是每获取一次 就会重新生成一个图在页面上于是我又写了如下

定义一个newdata

然后重新生成的时候就正常了 可能是我的写法有问题 目前还在努力学习中。有不足的欢迎和我说，我还有很多不足。 有啥配置问题可以自己去看api。有啥问题欢迎指出。