-
Geom
Geom Geom 属性adjustTypes代码示例方法positionchart.geom().position(dim)chart.geom().position(‘dimAdimB’)chart.geom().position(‘(dimA+dimB)dimC’)chart.geom().position(Stat.summary.median... -
Animate
Animate Animate Animate概述动画的控制开关动画配置配置接口 Geom.animate()参数动画库自定义动画：配置接口 Animate.registAnimation()参数：Animate概述G2 给每个 Geom 都提供了一套默认的动画，用户在需要使用动画时，打开动画的控制开关即可。同时，G2 给用户提供了最大限度的动画控制：... -
快速上手
快速上手 快速上手 G2特性安装浏览器引入通过 npm 安装快速开始浏览器引入方式1. 创建 div 图表容器2. 编写图表绘制代码在 react 中使用 G2体验改进计划说明G2G2 (The Grammar Of Graphics) 是一个由纯 JavaScript 编写、强大的语义化图表生成工具，它提供了一整套图形语法，可以让用户通过简单的语法搭... -
Reference
Reference Interrupts Digital IO Analog input Analog output Timing and delays Serial Progmem C++ Reference Interrupts Interrupts can be used on the ESP8266, but they mus... -
Canvas
Canvas Canvas Canvas概述直线——line属性x1y1x2y2arrowlineWidthlineDashstrokestorkeOpacity方法getPoint参数返回二阶bezier曲线——quadratic属性p1p2p3arrowstrokestorkeOpacity方法getPoint参数返回三阶bezier曲线——cub... -
图形属性
图形属性 视觉通道 简介 视觉通道的类型 视觉通道的表现力 数据到视觉通道的映射 # G2 视觉通道的设计 视觉通道类型 语法设计 position color size shape 概览 简介 几何标记自由度 图表类型 图表类型和图形形状 # 如何设计 Shape 支持的视觉通道 接收的数据格式 柱状图 需要的数... -
G2 图形语法简介
G2 图形语法简介 G2 图形语法简介 图形语法的组成语法突破场景绘制散点图设置数据源图形语法geom 选择attr 图形属性映射coord 坐标系facet 分面图表辅助元素图形语法的组成G2 的强大是由其背后的一套图形语法所支撑的，它基于《The Grammar of Graphics》(Leland Wilkinson 著)一书，是一套用来描述所... -
图表类型
图表类型 图表类型 简介几何标记自由度图表类型图表类型和和图形形状如何设计Shape支持的视觉通道接收的数据格式柱状图需要的数据条数需要的点的个数简介数据可视化的核心在于可视化编码，而可视化编码由几何标记和视觉通道组成。在可视化设计中我们将常见的几何标记定义成图表类型。根据几何标记可以代表的数据维度来划分，几何标记分为： 零维，点是常见的零维几何标记... -
legend 图例
[TOC] legend 图例 简介如何配置图例图例样式设置图例项样式设置图例的选择模式设置自定义 html 图例自定义图例常见问题简介图例（legend）是图表的辅助元素，使用颜色、大小、形状区分不同的数据类型，用于图表中数据的筛选。G2 会根据设置图形属性映射以及数据的类型自动生成不同的图例。 shape, color, size 这三个图形属性如果... -
坐标系详解
坐标系详解 坐标系详解 简介G2 支持的坐标系坐标系和图形直角坐标系极坐标系层叠柱状图到嵌套环图层叠柱状图到饼图坐标系和视觉通道坐标系的接口设计属性方法极坐标的特殊属性简介在视觉通道中识别度最高，同时支持定性（分类）数据和定量数据的视觉通道是位置 position。数据会被映射到空间的位置上，我们将这个空间定义成坐标系。常见的坐标系： 直角坐标系（笛...
