-
data 数据
data 数据 data 数据 如何装载数据支持的数据格式JSON 数组Frame 对象如何装载数据chart 对象支持两种数据载入的方式： 方式 1：data 属性传入 var chart = new G2 . Chart ({ id : 'c1' , width : 600 , height : 300 , ... -
列定义操作
列定义操作 列定义操作 简介如何操作chart.source(data, defs)chart.col(‘dim’, def)简介所谓的列定义，即是对度量 scale 的操作。 G2 默认提供了一套生成度量的机制，我们会根据每个数据属性的第一个数值类型生成对应的度量。但是这套机制并不能满足全部的需求，因此我们为用户提供了手动指定度量类型的方法，以满足多... -
layout 布局
layout 布局 layout 布局 简介节点和链接绘制关系图布局算法的作用G2 实现的布局算法使用方式如何实现自己的布局算法示例简介G2可以通过点和边来实现树图、网络图等关系图，而节点的位置需要使用布局算法来确定，常见的布局算法分为： 树的布局算法，有正交布局、径向布局、缩进布局、圆锥布局等图的布局算法，有力导布局、MDS 布局等 上面的布局算法... -
Axis 坐标轴
[TOC] 坐标轴配置坐标轴的组成坐标轴标题 title坐标轴线 line坐标轴文本 label坐标轴刻度线 tickLine坐标轴子刻度线 subTickLine网格 grid其他配置设置坐标轴显示范围设置坐标轴刻度线个数设置坐标轴刻度线间距坐标系两端保留一定的空白坐标轴在其他坐标系下的显示 坐标轴配置 G2 的图表坐标轴配置方法如下： chart... -
Facet 分面
[TOC] Facet 分面如何设置分面分面的类型rect 矩形分面list 水平列表分面circle 圆形分面tree 树形分面mirror 镜像分面matrix 矩阵分面 Facet 分面 分面，将一份数据按照某个维度分隔成若干子集，然后创建一个图表的矩阵，将每一个数据子集绘制到图形矩阵的窗格中。 总结起来，分面其实提供了两个功能： 按照指定... -
Label 图形文本
[TOC] Label 图形文本如何使用格式化文本自定义 html 文本 Label 图形文本 恰当的文本标注可以提高可视化图表的可读性。除了提供文本标签标注的功能之外，G2 还支持文本的格式化以及自定义 html 文本标签的功能。 如何使用 在每个几何标记 geom 上调用 label 方法，指定需要显示的数据维度即可： // 指定显示文本标签... -
数据异步加载与动态更新
[TOC] 数据异步加载与动态更新空数据源图表绘制动态更新数据 chart.changeData(data)使用 DataSet 的状态量 数据异步加载与动态更新 很多场景下图表的数据源是需要异步加载获取的，在 G2 中实现异步数据的更新也是非常的简单，你只需要通过 jquery 等工具异步获取数据后，按照正常的创建图表步骤绘制即可。 $.getJS... -
自定义 shape
[TOC] 自定义 Shape1分钟上手自定义 Shape 自定义 Shape 自 G2 2.0.x 版本开始我们添加了自定义 Shape 的机制，以支持部分有 高订制需求的 图表可视化需求。这也是 G2 在向 可编程可视化引擎 迈出的重要一步。 const Shape = G2.Shape;Shape.registerShape(geomName,... -
G2 图表组成
[TOC] G2 图表组成简介坐标轴 AXES图例 LEGEND几何标记 GEOM提示信息 TOOLTIP辅助标记 GUIDE G2 图表组成 简介 为了更好得使用 G2 进行数据可视化，我们需要了解 G2 图表的组成以及相关概念。 完整的 G2 图表组成如下图所示： 坐标轴 AXES 每个图表通常包含两个坐标轴，在直角坐标系（笛卡尔坐标系）下... -
Legend 图例
[TOC] 图例如何配置图例图例整体样式设置各个图例项样式设置图例的选择模式设置使用 html 渲染图例常见问题 图例 图例（legend）是图表的辅助元素，使用颜色、大小、形状区分不同的数据类型，用于图表中数据的筛选。G2 会根据设置图形属性映射以及数据的类型自动生成不同的图例。 shape, color, size 这三个图形属性如果判断接收的...
