G2
蒲公英
前端小白晋级中……
展开
-
G2--3 柱状图、x轴折行显示、框选过滤数据
可以直接在官网里运行代码:import { Chart } from '@antv/g2'; // 会自动过滤掉重复日期的值 const data = [ { Data: '2021-07-24 8:00', sales: 57 }, { Data: '2021-07-24 12:00', sales: 55 }, { Data: '2021-07.原创 2021-08-27 15:42:26 · 619 阅读 · 0 评论 -
G2-- 2 面积图 并为提示添加单位
代码可直接在官网里运行import { Chart } from '@antv/g2'; const data = [ { Data: '2021-07-24 8:00', sales: 57 }, { Data: '2021-07-24 12:00', sales: 55 }, { Data: '2021-07-24 16:00', sa.原创 2021-08-27 15:36:54 · 397 阅读 · 0 评论 -
G2--1 把G2引入angular项目
把G2引入angular项目1、安装npm install @antv/g2 --save2、引入import { Chart } from '@antv/g2';之后就是使用了使用创建一个组件,并在这个组件内引入g2。1、创建 div 图表容器<div id="c1"></div>2、创建 Chart 对象const chart = new Chart({ container: 'c1', // 指定图表容器 ID width: 600, //原创 2021-03-11 16:08:00 · 499 阅读 · 0 评论