-
使用滑块
使用滑块 使用滑块 使用方式 配置项 实例 使用滑块 使用滑块 在 G2 绘制大数据量图表的时候，Slider 可以作为数据范围的选择插件，尤其适用于大数据量的图表绘制，帮助用户更好地关注某一范围的数据可视化结果。 如下图所示： Slider 在 G2 4.0 中作为内置组件，方便使用。 使用方式 按需引入 如果使用 G2 c... -
Coordinate
Coordinate 坐标系 简介 G2 的坐标系类型 坐标系和图形 直角坐标系 极坐标系 层叠柱状图到嵌套环图 层叠柱状图到饼图 坐标系和视觉通道 坐标系的变换 坐标系的接口设计 属性 方法 # 极坐标的特殊属性 Coordinate 坐标系 简介 前面的章节中我们介绍过了视觉通道，视觉通道中识别度最高，同时支持定性... -
G2 图表的主要组成
G2 图表的主要组成 G2 图表的主要组成 简介坐标轴 axis图例 legend几何标记 geom提示信息 tooltip辅助标记 guide其他简介为了更好得使用 G2 进行数据可视化，我们需要了解 G2 图表的组成以及相关概念。完整的 G2 图表组成如下图所示： 坐标轴 axis通常包含两个坐标轴，在笛卡尔坐标系下，分别为 x 轴和 y 轴，在... -
图表对象配置（chart）
图表对象配置（chart） 图表对象配置（chart） 一、图表容器二、图表样式三、其他配置图表宽度自适应图表动画本节主要讲解如何创建以及配置 Chart 图表对象，主要内容包括图表容器全局样式配置、绘图区、图表宽度自适应等相关内容。 一、图表容器 id = "c1" > 实例化 Chart 对象时，绑定 dom 容器的方式有两种： ... -
geom 几何标记
geom 几何标记 geom 几何标记 什么是几何标记如何设置几何标记几何标记类型几何标记和图表类型几何标记的方法几何标记和图形形状什么是几何标记即我们所说的点、线、面这些几何图形。G2 中并没有特定的图表类型（柱状图、散点图、折线图等）的概念，用户可以单独绘制某一种类型的图表，如饼图，也可以绘制混合图表，比如折线图和柱状图的组合。 G2 生成的图表的... -
guide 辅助标记
guide 辅助标记 guide 辅助标记 简介guide 类型如何使用line 辅助线image 辅助图片text 辅助文本rect 辅助框tag 辅助标签arc 辅助弧线辅助html动态辅助标记简介Guide 作为 G2 图表的辅助元素，主要用于在图表上标识额外的标记注解。 guide 类型G2 目前支持 6 种辅助标记类型： 辅助线，例如表示... -
stat 统计变换
stat 统计变换 stat 统计变换 简介如何使用统计类型结合几何标记和统计变换绘制马赛克图绘制直方图简介Stat，即对数据进行统计变换，该模块提供以下两种方式对数据信息进行处理： 对数据信息进行汇总，将多条记录合并成一条，如获取数据集合某一列的最大值、最小值等；将一条记录分解为多条记录，如求一个数据点的区域范围等。 如何使用通过 G2.Stat ... -
数据异步加载与动态更新
数据异步加载与动态更新 数据异步加载与动态更新 简介空数据源图表绘制动态更新数据 chart.changeData(data)简介很多场景下图表的数据源是需要异步加载获取的，在 G2 中实现异步数据的更新也是非常的简单，你只需要通过 jquery 等工具异步获取数据后，按照正常的创建图表步骤绘制即可。 $ . getJSON ( 'data.json... -
数据滑动条插件使用
数据滑动条插件使用 数据滑动条插件使用 简介如何使用 slider 组件1. 引入 slider 组件2. 创建 dom3. 生成 slider 组件并渲染一个简单的例子股票图简介用于数据范围的选择插件，尤其适用于大数据量的图表绘制，帮助用户更好得关注某一范围的数据可视化结果。 如下图所示： 如何使用 slider 组件1. 引入 slider 组件... -
常见问题
常见问题 常见问题 图表如何支持自适应宽度如何格式化坐标轴文本怎么控制坐标轴刻度线个数以及刻度线的间距如何控制坐标轴的显示的数值范围如何格式化图例的显示文本如何设置图例项的初始状态如何绘制多 y 轴图表如何绘制混合图表如何修改 tooltip 的显示内容如何导出图片 图表如何支持自适应宽度如何格式化坐标轴文本怎么控制坐标轴刻度线个数以及刻度线的间距如何...
