-
自定义图 schema
自定义图 schema 自定义图 schema 简介 箱型图 支持的数据格式 视觉通道 颜色（color) 大小（size) 形状 k 线图 支持的数据格式 自定义图 schema 自定义图 schema 简介 在前面的章节中，我们介绍了多种几何标记：点图、线图、区域图、区间图（interval)、多边形都是根据映射到位置的字段... -
基础教程
基础教程 基础教程 G2 图表的主要组成图表对象配置（chart）data 数据Frame 常见操作度量列定义操作geom 几何标记attr 图形属性coord 坐标系axis 坐标轴legend 图例tooltip 提示信息guide 辅助标记stat 统计变换facet 分面theme 图表样式label 文本标签图表事件 event图表交互数据异... -
geom 几何标记
geom 几何标记 geom 几何标记 什么是几何标记如何设置几何标记几何标记类型几何标记和图表类型几何标记的方法几何标记和图形形状什么是几何标记即我们所说的点、线、面这些几何图形。G2 中并没有特定的图表类型（柱状图、散点图、折线图等）的概念，用户可以单独绘制某一种类型的图表，如饼图，也可以绘制混合图表，比如折线图和柱状图的组合。 G2 生成的图表的... -
coord 坐标系
coord 坐标系 coord 坐标系 简介如何设置坐标系坐标系类型及配置坐标系配置坐标系变换相关实例简介坐标系是将两种位置标度结合在一起组成的 2 维定位系统，描述了数据是如何映射到图形所在的平面。 G2 包含了 8 种不同的坐标系，目前所有的坐标系均是 2 维的。 如何设置坐标系G2 默认提供的坐标系类型为笛卡尔坐标系，当不满足用户需求时，可以通过... -
tooltip 提示信息
tooltip 提示信息 tooltip 提示信息 简介tooltip 配置语法配置提示信息内容1. 指定 tooltip 的显示信息2. 格式化 tooltip 的显示内容3. html 内容其他配置1. 显示辅助线2. 固定位置显示提示信息简介提示信息(tooltip)，是指当鼠标悬停在图标上的某点时，以框的形式提示该点的数据，比如该点的值，数据单... -
在 react 中使用 G2
在 react 中使用 G2 在 react 中使用 G2 简介安装方式使用方式实例简介为了更好地在 react 组件中使用 G2，我们封装了 g2-react 组件。 具体的封装形式可查看源码： https://github.com/antvis/g2-react/blob/master/src/index.js 安装方式 $ npm instal... -
高级教程
高级教程 高级教程 G2 图形语法简介G2 的数据处理流程数据类型与度量坐标系详解图表类型几何标记和数据调整自定义 shape多视图 view 绘制layout 布局使用 G2 绘制词云自定义动画 当前内容版权归 蚂蚁金服 或其关联方所有，如需对内容或内容相关联开源项目进行关注与资助，请访问 蚂蚁... -
G2 的数据处理流程
G2 的数据处理流程 G2 的数据处理流程 创建 Frame 对象对数据进行分组执行统计函数保存原始数据数据数值化调整数据 adjust归一化操作计算绘制图形需要的点映射至图形属性渲染绘制下面我们以最简单的月份、天气、城市的数据为例说明 G2 的数据处理流程，阐述数据是如何映射至图形空间。 我们需要在 400 px * 200 px 像素区域绘制如下点... -
几何标记和数据调整
几何标记和数据调整 几何标记和数据调整 调用语法为什么进行数据调整数据调整类型stack适合的数据类型适合的几何标记jitter适合的数据类型适合的几何标记dodge适合的数据类型适合的几何标记symmetric适合的数据类型适合的几何标记调用语法G2 默认提供了如下 8 种几何标记和数据调整组合，直接通过如下代码即可调用： chart . inte... -
layout 布局
layout 布局 layout 布局 简介节点和链接绘制关系图布局算法的作用G2 实现的布局算法使用方式如何实现自己的布局算法示例简介G2可以通过点和边来实现树图、网络图等关系图，而节点的位置需要使用布局算法来确定，常见的布局算法分为： 树的布局算法，有正交布局、径向布局、缩进布局、圆锥布局等图的布局算法，有力导布局、MDS 布局等 上面的布局算法...
