G2Plot 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
G2Plot 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
G2Plot 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 TypeScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
投 递 者 AntV
适用人群 未知
收录时间 2019-11-27

软件简介

一套简单、易用、并具备一定扩展能力和组合能力的统计图表库,基于图形语法理论搭建而成,『G2Plot』中的 G2 即意指图形语法 (the Grammar of Graphics),同时也致敬了 ggplot2。我们想做的事有三件:(1)使用户不用成为可视化专家也能够轻松制作出优雅美观的图表 (2)保证图表能够经受得起业务的检验,在真实的场景中易用、好用 (3)探索统计图表的更多可能性,使统计图表变得更好玩、更酷。

特性

  • 📦 开箱即用、体验优雅的高质量统计图表

    G2Plot 呈现给用户的是一套提炼自企业级产品的视觉语言和设计规范。不仅对图表的整体视觉样式进行了优化,并且针对每一个图表自身的特点,沉淀出一套最佳配置,保证用户能够通过最少的配置制作出优雅、标准的图表。

  • 📊 响应式:让图表更聪明

    在现实的图表应用场景中,一个棘手的难题是图表的展示空间往往并不足够显示图表的数据量,造成极值情况下文本的重叠遮挡、内容无法自适应、内容裁剪等问题。G2Plot 借鉴宽容性设计的思想,在图表的信息密度过高时,对图表辅助信息进行抽稀,保证图表主要信息的展示和基本可读性。

  • 🔳 向前一步:会讲故事的图表

    在 G2Plot 体系下,图表不仅仅只是各不相关的实例,图层概念的引入提供了多图表组合、叠加、联动,共同讲述一个数据故事的可能性。未来,我们还将探索统计图表转化信息图的可能性,丰富统计图表的表现能力。

安装

$ npm install @antv/g2plot

使用

<div id="container"></div>
import { Bar } from '@antv/g2plot';

const data = [
  { year: '1951 年', sales: 38 },
  { year: '1952 年', sales: 52 },
  { year: '1956 年', sales: 61 },
  { year: '1957 年', sales: 145 },
  { year: '1958 年', sales: 48 },
];

const bar = new Bar(document.getElementById('container'), {
  data,
  xField: 'sales',
  yField: 'year',
  colorField: 'year',
});

bar.render();

开发

$ npm install

# run test case
$ npm run test-live

# build watching file changes and run demos
$ npm run dev

# run demos
$ npm run demos
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击加入讨论🔥(1) 发布并加入讨论🔥
发表了资讯
2021/03/17 19:01

AntV·G2Plot v2.3.16 版本发布

G2 Plot 2.3.16 版本中,新增极坐标系的热力图,水波图增加矩形形状。欢迎体验,来个 👉 Star。 Documentation Changes legend: 图例分页导航器的主题样式设置 (#2435) (e18fbf33) theme: 文档补充主题配置参考链接 (#2433) (e8f19b6c) statistic 英文文档完善 (#2423) (e690398b) New Features liquid: 矩形水波图样式 (#2430) (9ce38a40) add coordinate attribute to heatmap (#2425) (55842a6b) second-geometr...

0
1
发表了资讯
2021/03/11 15:11

G2Plot v2.3.14 版本发布

G2 Plot 2.3.14 版本中,新增矩形树图面包屑,对仪表盘,水波图提供更精细的绘制能力。欢迎体验,来个 👉 Star。 New Features 矩形树图:新增下钻面包屑指引 (#2386) (ff9a470) 前 后 解读:为矩形树图增加面包屑。 feat(gauge): 仪表盘支持配置 style,支持圆角仪表盘 (#2395) (7a34182) 前 后 解读:通过设置 gaugeStyle.lineCap: 'round', 可以配置出圆角的仪表盘 feat(gauge): gauge 支持像素级别设置宽度 (#24...

1
0
发表了资讯
2021/03/03 14:04

AntV·G2Plot v2.3.13 版本发布

G2Plot 2.3.13 版本修复了若干陈年问题,在多图层图表做了迭代功能升级 🎉🎉🎉。欢迎体验,来个 👉 Star 多图层图表(MultiView)👉 直达 demo 1、可以直接复用内置的 G2Plot 图表,不需要去理解图形语法 2、内置图表联动(tooltip 共享、激活、高亮、选中等状态,支持指定联动的字段) New Features sankey: update d3-sankey layout for depth customize (#2378) (bc108703) sankey: 桑基图...

0
4
发表于大前端专区
2021/01/27 22:35

AntV·G2Plot v2.3.10 版本发布

G2 Plot 2.3.10 版本中,新增米轨仪表盘的配置能力,及矩形树图下钻交互。欢迎体验,来个 👉 Star New Features feat(gauge): 支持配置米轨仪表盘 (#2271) (53ebbfa) G2 Plot 1.x G2Plot 2.x 单色 渐变色 feat(treemap): 矩形树图增加下钻交互 (#2219) (9f206e3) Before After - feat(pie): 饼图 geometry 默认对 elemenent 的 zIndex 进行反序 (#2266) (a5971b6) feat(pie): 饼图支持动态更新数据,支持通过 Pie.ge...

1
1
发表于大前端专区
2021/01/21 14:18

G2Plot 2.3.9 版本发布

在 G2Plot 2.3.9 版本,多图层图表正式开放,定制化能力再次增强;部分图表支持动态更新,优化体验欢迎来个 👉 Star Documentation Changes multi-language: 部分图表 + 公用 API 新增英文文档, (#2244) (a11e84e7) New Features 多图层图表正式开放 (#2245) (963399ac) 为 treemap 新增 rectstyle 和 hierarchyConfig 属性 (#2234) (bcd21431) 效果1 效果2 重写子弹图 changeData 方法 && 添加单测 (#2221) (afb49...

0
2
发表于大前端专区
2021/01/14 11:54

AntV·G2Plot v2.3.8 版本发布 ✨

Documentation Changes v2.3.8 版本在官网教程新增了 图表指引:按照图表类型分类来对每个图表进行设计指引、快速上手以及一些图表特性和常见问题的介绍,速达通道 Plot Guide: 教程页增加以图表类型分类的图表指引 ✨ (#2194) (d97f6910) Column plot guide: 柱状图的图表指引增加一些特性介绍 (#2201) (60c72b3b) Contact: 添加钉钉联系方式 (#2213) (8473559e) API docs: 优化图表示例 api 文档样式 (#2209) (a842c...

0
4
2020/12/31 09:42

AntV·G2Plot v2.3.6 版本发布

这个 CHANGELOG 包含有 2.3.5 和 2.3.6 两个版本内容。 Documentation Changes 增加动态交互图表 & 文档 typo 修整 (#2154) (72bbfa4b) New Features new plot treemap (#2023) (45808e3e) column and bar plot support pixel width setting (#2156) (db09fa41) area support changeData (#2153) (4a8ef9fb) Before After changedata API (#2142) (ac172352) Bug Fixes funnel: funnel conversion value (#2159) (08cf891b) co...

0
1
发表于大前端专区
2020/12/28 12:05

AntV·G2Plot v2.3.4 版本发布

AntV·G2Plot 周常版本发布 更新日志: New Features 环图开启中心文本交互时,可以通过显示声明 tooltip 交互开启 tooltip (#2127)(5a8c85d) 前 后 解读:在某些场景下,环图开启中心文本交互时,需要开启开启 tooltip;这里可以通过显示声明 tooltip 交互即可 bullet:add default label layout 前 后 解读:为bullet 的 label 添加默认的 layout Bug Fixes funnel: fix funnel crash when data contains null, 0(#2138) (a31...

0
0
2020/11/26 10:05

G2Plot v2.2.12 发布,基于图形语法的图表库

New Features scatter regression 新增 top 配置 (#2010) (50fee30d) 前 后 解读:之前回归线一定绘制在图形上面,不一定是最佳视觉效果,所以可以通过配置决定在哪一层。 auto set limitInPlot based on yAxis config (#2009) (c4a1794f) 打开 limit in plot 配置 (#2002) (65b485d6) 前 后 解读:之前如果设置 y 轴的最小值的时候,图形会绘制到下方坐标轴上,看起来不美观。 Bug Fixes y-scale: update y scale min, max (#2...

0
3
2020/11/24 10:24

G2Plot 2.2.11 第四届 AntV 品牌日特别版

G2Plot 官网 | GitHub 开源地址 Chores gitee mirror action (#1964) (ccc3e418) Documentation Changes 调整色值 (#1987) (2375272b) demo 走查 (#1975) (ed623a28) 补充四象限气泡图 (#1960) (ea0f6753) fix column bar demo label layout (#1962) (909665ad) funnel: 场景漏斗图 DEMO (#1967) (2b62c8cb) demo: 将 case 案例进行一个归类,重命名为统计场景 & 更新 gastby (#1980) (78a2feb8) demo 优化 (#1948) (0c5a8340)...

0
2
发表于大前端专区
2020/03/16 16:34

进无止境,AntV 统计图表 G2Plot 1.0 发布

G2Plot 是一个开箱即用、易于配置、体验优雅的统计图表库,致力于帮助用户以最小成本生成高质量统计图表。 G2Plot 最初诞生于阿里经济体 BI 产品真实场景的业务诉求。动态、高度不确定是 BI 产品和中台系统业务数据的一个普遍特征,而这种特征对统计图表的功能和体验提出了巨大的挑战。如何能够帮助报表系统和一线前端在复杂数据条件下快速高效地创建统计图表,同时保证图表在各种显示空间和数据状态下的可读性和可用性? 为解决...

7
33
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
1 评论
137 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部