-
在图表中加入交互组件
在图表中加入交互组件 数据区域缩放组件（dataZoom）介绍 在代码加入 dataZoom 组件 在图表中加入交互组件 在图表中加入交互组件 除了图表外 ECharts 中，提供了很多交互组件。例如： 图例组件 legend 、标题组件 title 、视觉映射组件 visualMap 、数据区域缩放组件 dataZoom 、时间线组... -
列定义操作
列定义操作 列定义操作 简介如何操作chart.source(data, defs)chart.col(‘dim’, def)简介所谓的列定义，即是对度量 scale 的操作。 G2 默认提供了一套生成度量的机制，我们会根据每个数据属性的第一个数值类型生成对应的度量。但是这套机制并不能满足全部的需求，因此我们为用户提供了手动指定度量类型的方法，以满足多... -
G2 的数据处理流程
G2 的数据处理流程 G2 的数据处理流程 创建 Frame 对象对数据进行分组执行统计函数保存原始数据数据数值化调整数据 adjust归一化操作计算绘制图形需要的点映射至图形属性渲染绘制下面我们以最简单的月份、天气、城市的数据为例说明 G2 的数据处理流程，阐述数据是如何映射至图形空间。 我们需要在 400 px * 200 px 像素区域绘制如下点... -
DataSet
[TOC] DataSet术语表简介安装浏览器引入通过 npm 安装功能介绍使用示例单独使用 DataView状态量图表联动示例 DataSet 自 G2 3.0 版本开始，原先内置的数据处理模块 frame 从 G2 包中抽离出来，独立成为 DataSet 包。DataSet 的目标是为数据可视化场景提供状态驱动（state driven）的、丰富而... -
自定义 shape
[TOC] 自定义 Shape1分钟上手自定义 Shape 自定义 Shape 自 G2 2.0.x 版本开始我们添加了自定义 Shape 的机制，以支持部分有 高订制需求的 图表可视化需求。这也是 G2 在向 可编程可视化引擎 迈出的重要一步。 const Shape = G2.Shape;Shape.registerShape(geomName,... -
图形语法简介
[TOC] 图形语法图形语法的组成语法突破场景绘制散点图设置数据源图形语法geom 选择attr 图形属性映射coord 坐标系facet 分面图表辅助元素 图形语法 图形语法的组成 G2 的强大是由其背后的一套图形语法所支撑的，它基于《The Grammar of Graphics》(Leland Wilkinson 著)一书，是一套用来描述所有统... -
G2 的数据处理流程
[TOC] G2 的数据处理流程加载数据对数据进行分组保存原始数据数据数值化调整数据 adjust归一化操作计算绘制图形需要的点映射至图形属性渲染绘制 G2 的数据处理流程 下面我们以最简单的月份、天气、城市的数据为例说明 G2 的数据处理流程，阐述数据是如何映射至图形空间。 我们需要在 400 px * 200 px 像素区域绘制如下点图（该图只是... -
数据类型与度量
[TOC] 数据类型与度量数据类型数据自然的分类数据是否连续数据类型与度量 scaleG2 的度量类型属性和接口设计linearcattimelogpowtimeCat度量坐标点的计算分类度量的计算连续数据度量的计算时间类型的度量计算坐标点 数据类型与度量 数据可视化的本质就是将数据映射到图形，但是不同类型的数据适合的图形属性不同，可视化的结果也会因此... -
坐标系详解
[TOC] 坐标系详解G2 支持的坐标系坐标系和图形直角坐标系极坐标系层叠柱状图到嵌套环图层叠柱状图到饼图坐标系和视觉通道坐标系的接口设计属性方法极坐标的特殊属性 坐标系详解 在视觉通道中识别度最高，同时支持定性（分类）数据和定量数据的视觉通道是位置 position。数据会被映射到空间的位置上，我们将这个空间定义成坐标系。常见的坐标系： 直角坐标... -
G2 图表组成
[TOC] G2 图表组成简介坐标轴 AXES图例 LEGEND几何标记 GEOM提示信息 TOOLTIP辅助标记 GUIDE G2 图表组成 简介 为了更好得使用 G2 进行数据可视化，我们需要了解 G2 图表的组成以及相关概念。 完整的 G2 图表组成如下图所示： 坐标轴 AXES 每个图表通常包含两个坐标轴，在直角坐标系（笛卡尔坐标系）下...
