-
G2 设计思路
G2 设计思路 G2 设计思路 可视化框架的构成 G2 的框架结构 数据处理模块 图形映射模块 辅助信息 图形展示 数据到图形映射的流程 G2 数据转换流程 G2 设计思路 G2 设计思路 可视化框架的构成 数据可视化的本质是：将数据映射到图形，同时增加一些辅助信息，让用户读懂数据 。 根据这一点我们可以推导出一个可视化框架需要... -
点图 point
点图 point 点图 point 简介 支持的数据字段格式 数据字段的格式 视觉通道的支持 color size shape 支持的图形 点图跟坐标系 点图和其他图 点图 point 点图 point 简介 几何标记点，一般用于点图。点图是一种表现数据分布的图表，常用于观察数据的相关性，根据点图表示的字段来划分，可以分为下面... -
配置图表主题
配置图表主题 配置图表主题 使用内置主题 注册自定义主题 配置图表主题 配置图表主题 G2 在绘图时，首先确定数据是如何展示的，然后再通过主题系统对细节进行控制。在 G2 中主题控制着图表的非数据元素外观，它不能改变图表的感官性质，但是可以使图表变得更具美感 ，满足整体一致性的要求，包括图表的坐标轴、图例、网格线等的样式及几何标记的颜色搭配等。... -
G2 图表的主要组成
G2 图表的主要组成 G2 图表的主要组成 简介坐标轴 axis图例 legend几何标记 geom提示信息 tooltip辅助标记 guide其他简介为了更好得使用 G2 进行数据可视化，我们需要了解 G2 图表的组成以及相关概念。完整的 G2 图表组成如下图所示： 坐标轴 axis通常包含两个坐标轴，在笛卡尔坐标系下，分别为 x 轴和 y 轴，在... -
列定义操作
列定义操作 列定义操作 简介如何操作chart.source(data, defs)chart.col(‘dim’, def)简介所谓的列定义，即是对度量 scale 的操作。 G2 默认提供了一套生成度量的机制，我们会根据每个数据属性的第一个数值类型生成对应的度量。但是这套机制并不能满足全部的需求，因此我们为用户提供了手动指定度量类型的方法，以满足多... -
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)，是指当鼠标悬停在图标上的某点时，以框的形式提示该点的数据，比如该点的值，数据单... -
图表交互
图表交互 图表交互 几何标记 geom 的选中示例：地图省市下钻图表框选交互框选事件框选示例几何标记 geom 的选中注意：选中模式配置属性 selectedMode， 在 [email protected] 及以上 已改为 mode，2.3.0 以下版本请使用 selectedMode。 各个几何标记 geom 选中的模式包含如下三种： 不可选中；... -
数据异步加载与动态更新
数据异步加载与动态更新 数据异步加载与动态更新 简介空数据源图表绘制动态更新数据 chart.changeData(data)简介很多场景下图表的数据源是需要异步加载获取的，在 G2 中实现异步数据的更新也是非常的简单，你只需要通过 jquery 等工具异步获取数据后，按照正常的创建图表步骤绘制即可。 $ . getJSON ( 'data.json...
