-
图表交互
[TOC] 图表交互激活选中示例：地图省市下钻 图表交互 G2 默认内置的交互包括： active 激活； select 选中。 激活 开启以及关闭 shape 对于鼠标 hover 时的响应效果，G2 默认为各个 shape 内置了 active 效果。 geom.active(false); // 关闭默认响应geom.active(tr... -
Slider 数据滑动条
[TOC] 简介Slider 工作原理如何使用 Slider 组件引入 Slider 组件创建 Slider 的 dom 容器创建 Slider 组件对象并渲染快速上手 简介 用于数据范围的选择插件，尤其适用于大数据量的图表绘制，帮助用户更好地关注某一范围的数据可视化结果。 如下图所示： Slider 工作原理 Slider 组件是完全基于数据的... -
图形语法简介
[TOC] 图形语法图形语法的组成语法突破场景绘制散点图设置数据源图形语法geom 选择attr 图形属性映射coord 坐标系facet 分面图表辅助元素 图形语法 图形语法的组成 G2 的强大是由其背后的一套图形语法所支撑的，它基于《The Grammar of Graphics》(Leland Wilkinson 著)一书，是一套用来描述所有统... -
数据类型与度量
[TOC] 数据类型与度量数据类型数据自然的分类数据是否连续数据类型与度量 scaleG2 的度量类型属性和接口设计linearcattimelogpowtimeCat度量坐标点的计算分类度量的计算连续数据度量的计算时间类型的度量计算坐标点 数据类型与度量 数据可视化的本质就是将数据映射到图形，但是不同类型的数据适合的图形属性不同，可视化的结果也会因此... -
坐标系详解
[TOC] 坐标系详解G2 支持的坐标系坐标系和图形直角坐标系极坐标系层叠柱状图到嵌套环图层叠柱状图到饼图坐标系和视觉通道坐标系的接口设计属性方法极坐标的特殊属性 坐标系详解 在视觉通道中识别度最高，同时支持定性（分类）数据和定量数据的视觉通道是位置 position。数据会被映射到空间的位置上，我们将这个空间定义成坐标系。常见的坐标系： 直角坐标... -
图表类型
[TOC] 图表类型几何标记自由度图表类型图表类型和图形形状如何设计 Shape支持的视觉通道接收的数据格式柱状图需要的数据条数需要的点的个数 图表类型 数据可视化的核心在于可视化编码，而可视化编码由几何标记和视觉通道组成。在可视化设计中我们将常见的几何标记定义成图表类型。 根据几何标记可以代表的数据维度来划分，几何标记分为： 零维，点是常见的零维... -
几何标记和数据调整
[TOC] 几何标记和数据调整调用语法为什么进行数据调整数据调整类型stack适合的数据类型适合的几何标记jitter适合的数据类型适合的几何标记dodge适合的数据类型适合的几何标记symmetric适合的数据类型适合的几何标记 几何标记和数据调整 调用语法 G2 默认提供了如下 8 种几何标记和数据调整组合，直接通过如下代码即可调用： char... -
常见问题
[TOC] G2 常见问题图表如何支持自适应宽度如何格式化坐标轴文本怎么控制坐标轴刻度线个数以及刻度线的间距如何控制坐标轴的显示的数值范围如何格式化图例的显示文本如何设置图例项的初始状态如何绘制多 y 轴图表如何绘制混合图表如何修改 tooltip 的显示内容如何导出图片 G2 常见问题 图表如何支持自适应宽度 (1) 方式一 const char... -
装载数据
[TOC] 装载数据如何装载数据支持的数据格式JSON 数组DataView 对象更新数据更新数据清理图形语法使用 DataView 更新 装载数据 如何装载数据 chart 对象支持两种数据载入的方式： 方式 1：data 属性传入 const chart = new G2.Chart({ id: 'c1', width: 600, h... -
DataSet
[TOC] DataSet术语表简介安装浏览器引入通过 npm 安装功能介绍使用示例单独使用 DataView状态量图表联动示例 DataSet 自 G2 3.0 版本开始，原先内置的数据处理模块 frame 从 G2 包中抽离出来，独立成为 DataSet 包。DataSet 的目标是为数据可视化场景提供状态驱动（state driven）的、丰富而...
