-
Label 图形文本
[TOC] Label 图形文本如何使用格式化文本自定义 html 文本 Label 图形文本 恰当的文本标注可以提高可视化图表的可读性。除了提供文本标签标注的功能之外，G2 还支持文本的格式化以及自定义 html 文本标签的功能。 如何使用 在每个几何标记 geom 上调用 label 方法，指定需要显示的数据维度即可： // 指定显示文本标签... -
图表交互
[TOC] 图表交互激活选中示例：地图省市下钻 图表交互 G2 默认内置的交互包括： active 激活； select 选中。 激活 开启以及关闭 shape 对于鼠标 hover 时的响应效果，G2 默认为各个 shape 内置了 active 效果。 geom.active(false); // 关闭默认响应geom.active(tr... -
数据异步加载与动态更新
[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,... -
创建 View
[TOC] 创建 View如何创建视图示例 创建 View G2 的图表可以由多个视图 View 构成，同时各个视图可以拥有各自的数据源，即支持异构数据。在结构上，视图和 chart 相同，拥有自己独立的数据源、坐标系和图层。 Chart 是一种特殊的View，两者之间也有一定的差异： View 的功能 Chart 都具有 Tooltip（提示信... -
Data Management
Data Management Introduce In react/vue, we often use redux/vuex for data management and maintain a unified set of data. Under the Eva.js system, we have designed a set of data ma... -
绘图属性速查
绘图属性速查 绘图属性速查 通用属性 渐变色 线性渐变 放射状/环形渐变 线条样式 文本属性 绘图属性速查 绘图属性速查 G2 底层使用了 G 绘图引擎。本篇列出了常见的绘图属性，更过关于绘图以及绘图属性的使用请至 G 中查看。 通用属性 | | fill | 描述颜色和样式的属性。 | | fillStyle | 同 fill ... -
详解 G2 数据处理流程
详解 G2 数据处理流程 详解 G2 数据处理流程 加载数据 对数据进行分组 保存原始数据 数据数值化 调整数据 adjust 归一化操作 计算绘制图形需要的点 映射至图形属性 # 渲染绘制 详解 G2 数据处理流程 详解 G2 数据处理流程 我们将以一份简单的月份、天气、城市的数据为例详述 G2 的数据处理流程，阐述数据是如何...
