-
自定义主题
自定义主题 自定义主题 定义全新的主题结构 主题属性 自定义主题样式表 主题样式表结构 G2 主题配置项详解 基础配置 图形属性映射 图形样式 图表组件 坐标轴 图例 Tooltip Annotation Labels 自定义主题 自定义主题 G2 提供了自定义主题机制以允许用户切换、定义图表主题。包括： 定义全新的... -
图表事件使用
图表事件使用 图表事件使用 简介 绑定和解除绑定 event 对象 生命周期的事件 基础的画布事件 图形 Element 上的事件 事件上的 Element 属性 图形 element 上支持的 name 的列表 组件上的事件 axis legend annotation tooltip 连续图例 委托对象 总结 图表... -
绘制视图 View
绘制视图 View 绘制视图 View 如何创建视图 示例 绘制视图 View 绘制视图 View G2 的图表 Chart，可以创建多个视图 View，每个 View 各自又可以创建其子 View，即在 G2 4.0 中，View 是支持嵌套的。每个 View 同 Chart 一样，拥有自己独立的数据源、坐标系、几何标记、Tooltip 以及... -
绘制基础图表
绘制基础图表 绘制基础图表 Geometry 几何标记 折线图 基础实例 核心语法 面积图 基础实例 核心语法 柱状图 基础实例 核心语法 条形图 基础实例 核心语法 饼图 基础实例 核心语法 散点图 基础实例 核心语法 漏斗图 基础实例 核心语法 雷达图 基础实例 核心语法 更多 绘制基础图表 ... -
配置图表主题
配置图表主题 配置图表主题 使用内置主题 注册自定义主题 配置图表主题 配置图表主题 G2 在绘图时，首先确定数据是如何展示的，然后再通过主题系统对细节进行控制。在 G2 中主题控制着图表的非数据元素外观，它不能改变图表的感官性质，但是可以使图表变得更具美感 ，满足整体一致性的要求，包括图表的坐标轴、图例、网格线等的样式及几何标记的颜色搭配等。... -
图表对象配置（chart）
图表对象配置（chart） 图表对象配置（chart） 一、图表容器二、图表样式三、其他配置图表宽度自适应图表动画本节主要讲解如何创建以及配置 Chart 图表对象，主要内容包括图表容器全局样式配置、绘图区、图表宽度自适应等相关内容。 一、图表容器 id = "c1" > 实例化 Chart 对象时，绑定 dom 容器的方式有两种： ... -
geom 几何标记
geom 几何标记 geom 几何标记 什么是几何标记如何设置几何标记几何标记类型几何标记和图表类型几何标记的方法几何标记和图形形状什么是几何标记即我们所说的点、线、面这些几何图形。G2 中并没有特定的图表类型（柱状图、散点图、折线图等）的概念，用户可以单独绘制某一种类型的图表，如饼图，也可以绘制混合图表，比如折线图和柱状图的组合。 G2 生成的图表的... -
axis 坐标轴
axis 坐标轴 axis 坐标轴 如何配置坐标轴坐标轴的组成1. 坐标轴标题 title2. 坐标轴线 line3. 坐标轴文本 labels4. 坐标轴刻度线 tickLine5. 网格 grid其他配置1. 设置坐标轴显示范围2. 设置坐标轴刻度线个数3. 设置坐标轴刻度线间距4. 坐标系两端保留一定的空白坐标轴在其他坐标系下的显示相关实例如何配... -
图表交互
图表交互 图表交互 几何标记 geom 的选中示例：地图省市下钻图表框选交互框选事件框选示例几何标记 geom 的选中注意：选中模式配置属性 selectedMode， 在 [email protected] 及以上 已改为 mode，2.3.0 以下版本请使用 selectedMode。 各个几何标记 geom 选中的模式包含如下三种： 不可选中；... -
数据滑动条插件使用
数据滑动条插件使用 数据滑动条插件使用 简介如何使用 slider 组件1. 引入 slider 组件2. 创建 dom3. 生成 slider 组件并渲染一个简单的例子股票图简介用于数据范围的选择插件，尤其适用于大数据量的图表绘制，帮助用户更好得关注某一范围的数据可视化结果。 如下图所示： 如何使用 slider 组件1. 引入 slider 组件...
