# G2 > G2 是一套简洁的渐进式可视化语法,用于构建仪表盘、数据探索以及数据讲故事。结合工业和学术实践,实现图形语法、动画语法和交互语法。 Find relevant documents and examples under your language below, then read their Markdown links for content and source code. ## Agent resources - [Full documentation](/llms-full.txt): Combined Markdown content for all published documents. - [Site](/zh/) - [Source repository](https://github.com/antvis/g2) - Languages: zh - Current version: 5.4.8 ## 中文文档 ### charts - [📈 图表介绍](/zh/charts/overview.md): 浏览 G2 图表类型、适用场景和可运行示例,按数据关系选择条形图、折线图、散点图、地图及关系图。 - [弧长连接图](/zh/charts/arcdiagram.md): 用沿直线或圆周排列的节点与弧线展示关系,了解节点排序、连接模式及 G2 弧长连接图示例。 - [马赛克图](/zh/charts/mosaic.md): 用矩形面积和分割比例表达分类数据的频数关系,了解马赛克图的使用场景及 G2 示例。 - [柱状图](/zh/charts/bar.md): 用柱子的高度或长度比较不同类别的数值,了解柱状图的数据要求、适用场景及 G2 绘制示例。 - [气泡图](/zh/charts/bubble-chart.md): 在散点位置之外用气泡大小表达额外数值,了解气泡图的数据映射、比较方式及 G2 示例。 - [色块图](/zh/charts/color-map.md): 将数据映射到矩形色块,通过颜色比较类别组合的数值,了解色块图的适用场景及 G2 示例。 - [分布曲线图](/zh/charts/distributioncurve.md): 用平滑曲线观察数值分布的形状、集中程度和多个峰值,了解分布曲线图的使用场景及 G2 示例。 - [点描法地图](/zh/charts/dot-map.md): 用地图上的点表达地理位置或数量分布,了解点描法地图的表现方式、适用场景及 G2 示例。 - [直方图](/zh/charts/histogram.md): 将连续数据划分为区间并统计频数,了解直方图与柱状图的区别、分箱选择及 G2 示例。 - [折线图](/zh/charts/line.md): 连接连续观测值以展示变化趋势,了解折线图的数据要求、多系列比较及 G2 绘制示例。 - [分组柱状图](/zh/charts/multi-set-bar.md): 将多个系列的柱子按类别并排放置,了解分组柱状图的比较方式、适用场景及 G2 示例。 - [打包图](/zh/charts/pack.md): 用嵌套或排列的圆展示层级结构和数值大小,了解打包图的布局特点、适用场景及 G2 示例。 - [平行坐标系](/zh/charts/parallel.md): 将多个数据维度排列为平行轴,用折线连接同一记录,了解平行坐标系的多维分析方法及 G2 示例。 - [玉珏图](/zh/charts/radial-bar.md): 用不同半径上的弧长表达类别数值,了解玉珏图的环形布局、比较方式及 G2 示例。 - [回归曲线图](/zh/charts/regressioncurve.md): 用拟合曲线概括变量之间的关系和趋势,了解回归曲线图的分析用途及 G2 示例。 - [堆叠面积图](/zh/charts/stacked-area.md): 将多个系列的面积逐层堆叠,观察总量与各部分随时间的变化,了解堆叠面积图和 G2 示例。 - [堆叠柱状图](/zh/charts/stacked-bar.md): 将各系列数值累积到同一柱中,比较类别总量及组成,了解堆叠柱状图的适用场景和 G2 示例。 - [茎叶图](/zh/charts/stem-leaf.md): 把数值拆分为茎和叶,在保留原始数值的同时展示分布,了解茎叶图的统计用途及 G2 示例。 - [旭日图](/zh/charts/sunburst.md): 用嵌套的环形扇区表示层级结构与数值占比,了解旭日图的阅读方式、适用场景及 G2 示例。 - [矩形树图](/zh/charts/treemap.md): 用嵌套矩形的面积表达层级数据的数值大小,了解矩形树图的布局特点、适用场景及 G2 示例。 - [韦恩图](/zh/charts/venn.md): 用相交区域展示集合间的交集与包含关系,了解韦恩图的适用场景、数据表达方式及 G2 示例。 - [小提琴图](/zh/charts/violin.md): 结合密度分布形状与统计概要比较多组数据,了解小提琴图与箱形图的区别及 G2 示例。 - [面积图](/zh/charts/area.md): 用填充面积展示数值随时间的变化,了解面积图与折线图的区别、适用场景及 G2 配置示例。 - [箱形图](/zh/charts/boxplot.md): 通过中位数、四分位数和异常值概括数据分布,了解箱形图的统计含义、适用场景及 G2 示例。 - [带气泡的地图](/zh/charts/bubble-map.md): 在地图上用气泡位置与大小展示地理分布和数值差异,了解带气泡地图的适用场景及 G2 示例。 - [雷达图](/zh/charts/radar-chart.md): 将多个指标排列在放射状坐标轴上,对比对象的指标轮廓,了解雷达图的适用场景及 G2 示例。 - [双向柱状图](/zh/charts/bi-directional-bar.md): 将两组数据沿相反方向排列,比较不同群体或正负数值,了解双向柱状图的使用场景和 G2 示例。 - [饼图](/zh/charts/pie.md): 用扇形角度和面积表达各部分占总体的比例,了解饼图的适用条件、类别数量限制及 G2 示例。 - [环图](/zh/charts/donut-chart.md): 用环形扇区展示各类别占总体的比例,了解环图与饼图的区别、适用场景及 G2 示例。 - [热力图](/zh/charts/heatmap.md): 用颜色强度表现数值或空间密度,了解热力图的数据映射、分布分析场景及 G2 示例。 - [分级统计地图](/zh/charts/choropleth-map.md): 按地理区域的数值设置颜色深浅或色阶,了解分级统计地图的数据要求、区域比较方式及 G2 示例。 - [漏斗图](/zh/charts/funnel.md): 展示连续流程中各阶段的数量及转化情况,了解漏斗图在转化分析中的应用和 G2 示例。 - [K线图](/zh/charts/k-chart.md): 用开盘、收盘、最高和最低价格描述行情变化,了解 K 线图的结构、金融分析场景及 G2 示例。 - [散点图](/zh/charts/scatter-plot.md): 将两个数值变量映射到平面位置,观察相关性、聚类与异常点,了解散点图的使用场景及 G2 示例。 - [仪表盘](/zh/charts/gauge.md): 在刻度范围内展示当前指标及其所处区间,了解仪表盘图的组成、监控场景和 G2 示例。 - [南丁格尔玫瑰图](/zh/charts/rose.md): 在等角扇区中用半径表达类别数值,了解南丁格尔玫瑰图与饼图的区别及 G2 示例。 - [等高线图](/zh/charts/contourline.md): 用等值线表达二维空间中连续数值的分布,了解等高线图在地形和密度分析中的应用及 G2 示例。 - [螺旋图](/zh/charts/spiral.md): 沿螺旋路径排列数据,观察时间序列的周期与长期变化,了解螺旋图的适用场景及 G2 示例。 - [词云图](/zh/charts/wordcloud.md): 用文字大小表达词语的重要程度或频次,了解词云图的布局、文本展示场景及 G2 示例。 - [子弹图](/zh/charts/bullet.md): 在紧凑空间内对照实际值、目标值与评价区间,了解子弹图的结构、指标对比场景及 G2 示例。 - [桑基图](/zh/charts/sankey.md): 用连接带宽度表达节点间的流量,了解桑基图在流程、能源和资金流向分析中的应用及 G2 示例。 - [甘特图](/zh/charts/gantt.md): 用时间轴上的横条表示任务开始、结束和持续时间,了解甘特图的进度管理场景及 G2 示例。 - [卡吉图](/zh/charts/kagi.md): 根据价格变化方向和反转幅度绘制折线,了解卡吉图的趋势表达方式、组成要素与适用场景。 - [和弦图](/zh/charts/chord.md): 用圆周上的分组和连接带表达群体间的联系及规模,了解和弦图的适用场景和 G2 示例。 ### manual - [概览](/zh/manual/core/animate/overview.md): 配置图形入场、更新和退场动画,控制动画类型、时长、延迟与缓动效果。 - [G2 图表组成](/zh/manual/core/chart/chart-component.md): 理解图表中标记与组件的分工,以及标题、坐标轴、图例、滚动条和缩略轴的作用。 - [概览](/zh/manual/core/composition/overview.md): 通过 G2 组合视图创建多图布局、分面和多标记图表,使用 children 描述层级并复用数据与配置。 - [G2 配置项总览](/zh/manual/core/configuration.md): 查阅 G2 图表初始化和 Spec 配置层级,了解数据、编码、比例尺、坐标系、样式、交互与组合视图的选项。 - [概览](/zh/manual/core/coordinate/overview.md): 了解 G2 坐标系及其转换,配置笛卡尔坐标、极坐标和转置等变换,控制图表的空间布局。 - [概览](/zh/manual/core/data/overview.md): 配置 G2 数据来源和数据转换,使用内联数据或远程请求,并通过更新 Spec 刷新图表数据。 - [概览](/zh/manual/core/interaction/overview.md): 为 G2 图表配置提示信息、图例筛选、元素高亮和框选等交互,了解交互的启用方式与自定义配置。 - [概览](/zh/manual/core/mark/overview.md): 了解 G2 图形标记的类型、数据编码和样式配置,以及多个标记的组合和自定义复合标记的使用。 - [概览](/zh/manual/core/scale/overview.md): 使用 G2 比例尺将数据映射为视觉属性,配置定义域、值域、刻度和比例尺类型,并控制多个标记的比例尺同步。 - [概览](/zh/manual/core/theme/overview.md): 设置 G2 图表主题,切换内置主题、调整配色与组件样式,并通过自定义主题保持图表视觉一致。 - [概览](/zh/manual/core/transform/overview.md): 理解标记转换的执行顺序与作用范围,配置分组、分箱、堆叠等视觉通道处理。 - [geoPath](/zh/manual/extra-topics/geo/geo-path.md): 使用 geoPath 绘制 GeoJSON 地理形状,配置地图投影与视觉样式。 - [geoView](/zh/manual/extra-topics/geo/geo-view.md): 使用 geoView 统一地图投影与视图,在同一地理空间叠加多个图层。 - [forceGraph](/zh/manual/extra-topics/graph/force-graph.md): 通过力导向布局排列节点与连线,展示网络关系并配置标签和样式。 - [pack](/zh/manual/extra-topics/graph/pack.md): 将层级数据布局为嵌套圆,用圆的大小与包含关系展示权重和层级。 - [sankey](/zh/manual/extra-topics/graph/sankey.md): 用节点和不同宽度的流向连接展示数据流量,配置桑基图布局与数据更新。 - [tree](/zh/manual/extra-topics/graph/tree.md): 绘制层级树图,支持嵌套 children 数据或通过路径字段组织的扁平数据。 - [treemap](/zh/manual/extra-topics/graph/treemap.md): 将层级数据划分为嵌套矩形,用面积展示权重与部分对整体的关系。 - [renderer](/zh/manual/extra-topics/plugin/renderer.md): 基于 AntV G 选择或切换 Canvas、SVG、WebGL 渲染器,适配不同渲染场景。 - [绘制 3D 图表](/zh/manual/extra-topics/three-dimensional/draw-threed-chart.md): 接入 g2-extension-3d 与 WebGL 渲染器,配置三维坐标、相机和光照。 - [point3D](/zh/manual/extra-topics/three-dimensional/point-threed.md): 使用 x、y、z 编码绘制三维散点图,配置点样式与光照。 - [什么是 G2](/zh/manual/introduction/what-is-g2.md): 了解 AntV G2 的可视化语法、图形标记、交互和动画能力,以及如何组合这些能力构建数据可视化。 - [快速上手](/zh/manual/quick-start.md): 通过 npm 或 CDN 安装 AntV G2,创建 Chart 实例,使用 Spec 配置数据和视觉编码并渲染第一个图表。 - [新版本特性](/zh/manual/whats-new/new-version-features.md): 了解 G2 新版本的图形语法、数据分析、动画、API 风格、组合扩展与按需打包能力。 - [fadeIn](/zh/manual/core/animate/fade-in.md): 通过逐渐增加图形透明度实现淡入动画。 - [fadeOut](/zh/manual/core/animate/fade-out.md): 通过逐渐降低图形透明度实现淡出动画。 - [growInX](/zh/manual/core/animate/grow-in-x.md): 沿 x 方向缩放图形容器,实现容器内图形整体展开的入场动画。 - [growInY](/zh/manual/core/animate/grow-in-y.md): 沿 y 方向缩放图形容器,实现容器内图形整体展开的入场动画。 - [morphing](/zh/manual/core/animate/morphing.md): 在不同 SVG 路径形状之间进行插值,实现图形形态的平滑过渡。 - [pathIn](/zh/manual/core/animate/path-in.md): 利用线条虚线属性实现沿 SVG 路径逐步绘制的入场动画。 - [scaleInX](/zh/manual/core/animate/scale-in-x.md): 沿 x 方向逐渐放大单个图形,实现横向展开的入场动画。 - [scaleInY](/zh/manual/core/animate/scale-in-y.md): 沿 y 方向逐渐放大单个图形,实现纵向展开的入场动画。 - [scaleOutX](/zh/manual/core/animate/scale-out-x.md): 沿 x 方向逐渐缩小单个图形,实现横向收缩的退场动画。 - [scaleOutY](/zh/manual/core/animate/scale-out-y.md): 沿 y 方向逐渐缩小单个图形,实现纵向收缩的退场动画。 - [waveIn](/zh/manual/core/animate/wave-in.md): 通过裁剪区域逐步展开图形,实现直角坐标或极坐标下的擦入动画。 - [zoomIn](/zh/manual/core/animate/zoom-in.md): 以图形中心为基准逐渐放大图形,实现缩放入场动画。 - [zoomOut](/zh/manual/core/animate/zoom-out.md): 以图形中心为基准逐渐缩小图形,实现缩放退场动画。 - [图表生命周期](/zh/manual/core/chart/chart-lifecycle.md): 管理 Chart 实例的创建、挂载、渲染、更新、清空和销毁。 - [facetCircle](/zh/manual/core/composition/facet-circle.md): 按数据字段划分子视图并沿圆周排列,用于比较不同分组的数据。 - [facetRect](/zh/manual/core/composition/facet-rect.md): 按行列字段划分矩形分面,在网格中比较不同数据子集。 - [repeatMatrix](/zh/manual/core/composition/repeat-matrix.md): 按字段组合重复生成子视图,构建散点图矩阵等多变量比较图表。 - [spaceFlex](/zh/manual/core/composition/space-flex.md): 使用类似 Flexbox 的布局按比例分配子视图空间,支持水平、垂直及嵌套布局。 - [spaceLayer](/zh/manual/core/composition/space-layer.md): 将多个子视图叠加在同一绘图空间中,组合不同图层。 - [timingKeyframe](/zh/manual/core/composition/timing-keyframe.md): 将多个视图串联为关键帧动画,配置元素对应关系、播放时长、循环和方向。 - [fisheye](/zh/manual/core/coordinate/fisheye.md): 通过鱼眼坐标变换放大焦点区域并压缩周围空间,兼顾局部细节与整体分布。 - [parallel](/zh/manual/core/coordinate/parallel.md): 将多个数据维度映射为平行坐标轴,用折线展示各条记录的多维特征。 - [polar](/zh/manual/core/coordinate/polar.md): 将位置映射为角度和半径,用于玫瑰图、雷达图等极坐标可视化。 - [theta](/zh/manual/core/coordinate/theta.md): 结合转置与极坐标变换,将数值映射为扇区角度,绘制饼图和环图。 - [transpose](/zh/manual/core/coordinate/transpose.md): 交换 x 和 y 坐标方向,实现柱形图与条形图等图表的横纵转换。 - [custom](/zh/manual/core/data/custom.md): 通过自定义回调处理整个数据集,实现内置数据转换之外的数据加工。 - [ema](/zh/manual/core/data/ema.md): 通过指数移动平均平滑时序数据,配置平滑系数、输入字段和输出字段。 - [fetch](/zh/manual/core/data/fetch.md): 从远程地址加载 JSON 或 CSV 数据,并配置格式与后续数据转换。 - [filter](/zh/manual/core/data/filter.md): 使用条件回调筛选数据记录,仅保留满足条件的数据。 - [fold](/zh/manual/core/data/fold.md): 将多个字段折叠为键值对,把宽表转换成长表以便分组编码。 - [inline](/zh/manual/core/data/inline.md): 传入本地数据并配置转换,支持通过显式 inline 数据源接入对象和层级数据。 - [join](/zh/manual/core/data/join.md): 按关联字段连接另一组数据,将选定字段合并到当前记录中。 - [kde](/zh/manual/core/data/kde.md): 通过核密度估计计算数据分布,支持分组、带宽和字段配置,用于小提琴图等。 - [log](/zh/manual/core/data/log.md): 将数据转换管线中的当前数据打印到控制台,辅助排查数据处理问题。 - [map](/zh/manual/core/data/map.md): 通过回调逐条映射数据记录,生成或修改字段值。 - [pick](/zh/manual/core/data/pick.md): 从数据记录中选取指定字段,生成仅包含所需字段的数据集。 - [rename](/zh/manual/core/data/rename.md): 重命名数据字段,使输入字段与后续编码或转换保持一致。 - [slice](/zh/manual/core/data/slice.md): 按起止索引截取数据集中的一段记录。 - [sort](/zh/manual/core/data/sort.md): 使用比较函数对数据记录排序,保留原始数组不变。 - [sortBy](/zh/manual/core/data/sort-by.md): 按一个或多个字段对数据排序,配置字段优先级与升降序。 - [brushAxisHighlight](/zh/manual/core/interaction/brush-axis-highlight.md): 在坐标轴上框选范围并高亮关联元素,适用于平行坐标等多维数据探索。 - [area](/zh/manual/core/mark/area.md): 填充数据边界之间的区域,用面积图展示趋势、范围或堆叠构成。 - [band](/zh/manual/core/scale/band.md): 将离散类别映射为等宽区间,通过内外间距控制柱形等图形的排列。 - [linear](/zh/manual/core/scale/linear.md): 将连续数值按线性关系映射到视觉范围,配置定义域、值域和刻度。 - [log](/zh/manual/core/scale/log.md): 将连续数值按对数关系映射,适合展示跨越多个数量级的数据。 - [ordinal](/zh/manual/core/scale/ordinal.md): 将离散类别映射到颜色、形状等离散视觉值。 - [point](/zh/manual/core/scale/point.md): 将离散类别映射为等距位置点,适合无需区间带宽的分类数据定位。 - [quantile](/zh/manual/core/scale/quantile.md): 根据数据分位数划分区间并映射到离散值,适合按数据分布分级。 - [quantize](/zh/manual/core/scale/quantize.md): 将连续数值范围划分为等宽区间,并映射到离散颜色等视觉值。 - [sqrt](/zh/manual/core/scale/sqrt.md): 按平方根关系映射连续数值,适合气泡大小等面积编码。 - [threshold](/zh/manual/core/scale/threshold.md): 按自定义数值阈值划分区间,并映射到离散颜色等视觉值。 - [time](/zh/manual/core/scale/time.md): 将日期和时间连续映射到视觉范围,配置时间刻度与显示格式。 - [academy](/zh/manual/core/theme/academy.md): 使用学术风格主题设置图表的整体视觉样式。 - [classic](/zh/manual/core/theme/classic.md): 使用经典主题设置图表的默认配色与组件样式。 - [classicDark](/zh/manual/core/theme/classic-dark.md): 使用经典暗色主题,并配置视图与容器背景以适配深色界面。 - [bin](/zh/manual/core/transform/bin.md): 对 x、y 数值通道进行分箱并聚合数据,用于展示二维区间分布。 - [binX](/zh/manual/core/transform/bin-x.md): 对 x 通道进行分箱并统计各区间数据,绘制直方图等分布图表。 - [diffY](/zh/manual/core/transform/diff-y.md): 调整不同系列的 y 和 y1 通道,用面积等图形展示系列之间的差异。 - [dodgeX](/zh/manual/core/transform/dodge-x.md): 在同一 x 分组内将不同系列错开排列,绘制分组柱形图。 - [flexX](/zh/manual/core/transform/flex-x.md): 按数值调整 x 方向的图形宽度,绘制不等宽柱形图和 Marimekko 图。 - [group](/zh/manual/core/transform/group.md): 按视觉通道分组并聚合其他通道,配置计数、求和等统计方式。 - [groupColor](/zh/manual/core/transform/group-color.md): 按 color 通道分组并聚合数据,统计不同颜色类别对应的数值。 - [groupX](/zh/manual/core/transform/group-x.md): 按 x 通道分组并聚合其他通道,统计各类别的数量或汇总值。 - [groupY](/zh/manual/core/transform/group-y.md): 按 y 通道分组并聚合其他通道,统计各类别的数量或汇总值。 - [jitter](/zh/manual/core/transform/jitter.md): 对图形位置添加扰动,分散重叠数据点以展示分布密度。 - [jitterX](/zh/manual/core/transform/jitter-x.md): 在 x 方向扰动图形位置,分散同一离散分组内重叠的数据点。 - [jitterY](/zh/manual/core/transform/jitter-y.md): 在 y 方向扰动图形位置,分散同一离散分组内重叠的数据点。 - [normalizeY](/zh/manual/core/transform/normalize-y.md): 按指定基准归一化 y 和 y1 通道,用于百分比堆叠或相对数值比较。 - [pack](/zh/manual/core/transform/pack.md): 将图形按行列紧凑排列为网格,用于展示大量离散元素的单元可视化。 - [sample](/zh/manual/core/transform/sample.md): 使用采样策略减少大规模数据中的绘制点数,平衡趋势保留与渲染性能。 - [select](/zh/manual/core/transform/select.md): 按分组、通道与选择规则提取代表性数据,用于极值或首尾值标注。 - [selectX](/zh/manual/core/transform/select-x.md): 根据 x 通道选择每组的首尾值或极值数据,用于突出关键位置。 - [selectY](/zh/manual/core/transform/select-y.md): 根据 y 通道选择每组的首尾值或极值数据,用于突出关键数值。 - [sortColor](/zh/manual/core/transform/sort-color.md): 根据度量值或聚合结果调整 color 比例尺的定义域顺序,控制颜色类别排序。 - [sortX](/zh/manual/core/transform/sort-x.md): 根据度量值或聚合结果调整 x 比例尺的定义域顺序,控制横轴类别排序。 - [sortY](/zh/manual/core/transform/sort-y.md): 根据度量值或聚合结果调整 y 比例尺的定义域顺序,控制纵轴类别排序。 - [stackEnter](/zh/manual/core/transform/stack-enter.md): 按分组错开图形的入场动画时间,实现依次或分批出现的动画效果。 - [stackY](/zh/manual/core/transform/stack-y.md): 沿 y 方向累积各系列的数值区间,绘制堆叠柱形图和堆叠面积图。 - [symmetryY](/zh/manual/core/transform/symmetry-y.md): 按分组平移 y 和 y1 通道,使图形形成居中对称的布局。 - [rough](/zh/manual/extra-topics/plugin/rough.md): 接入 rough-canvas 渲染器,为图表添加手绘风格。 - [line3D](/zh/manual/extra-topics/three-dimensional/line-threed.md): 在 WebGL 环境中绘制三维折线图,展示空间中的连续路径。 - [v4 升级 v5 指南](/zh/manual/whats-new/migration-from-g2v4.md): 将 G2 v4 图表迁移到 v5,对照数据、编码、布局等概念与 API 的变化。 - [图表 API](/zh/manual/api.md): 查询 G2 Chart API,了解图表创建、Spec 配置、渲染、数据更新、事件监听、节点查询和销毁方法。 - [radial](/zh/manual/core/coordinate/radial.md): 将 x 映射为半径、y 映射为角度,绘制径向条形图和玉珏图。 - [box](/zh/manual/core/mark/box.md): 根据预先计算的五个统计值绘制箱形标记,展示数据的分位数与范围。 - [视图(View)](/zh/manual/core/view.md): 使用 G2 视图组织多个标记,理解数据与配置的继承关系,并配置视图样式和组合布局。 - [lottie](/zh/manual/extra-topics/plugin/lottie.md): 通过 g-lottie-player 在图表中集成 Lottie 动画,控制播放、暂停和进度。 - [interval3D](/zh/manual/extra-topics/three-dimensional/interval-threed.md): 在 WebGL 环境中绘制三维柱形图,配置空间位置、样式与光照。 - [在前端框架中使用](/zh/manual/introduction/use-in-framework.md): 在 Vue、React 等前端框架中集成 G2,管理图表容器、初始化、数据更新和组件卸载时的资源清理。 - [brushHighlight](/zh/manual/core/interaction/brush-highlight.md): 通过二维框选高亮范围内的元素,支持移动和调整选区。 - [boxplot](/zh/manual/core/mark/boxplot.md): 从原始数据分组计算箱线图统计值,展示分布特征与异常点。 - [a11y](/zh/manual/extra-topics/plugin/a11y.md): 接入无障碍插件,使 Canvas 中的文本可被浏览器搜索。 - [surface3D](/zh/manual/extra-topics/three-dimensional/surface-threed.md): 在 WebGL 环境中绘制三维曲面图,展示空间中连续变化的数值分布。 - [Spec 和 API](/zh/manual/introduction/spec-api.md): 对照 G2 Spec 与链式 API 的属性映射,了解单标记、组合视图、配置复用和动态数据更新的写法。 - [cartesian3D](/zh/manual/core/coordinate/cartesian3-d.md): 在笛卡尔坐标系中增加 z 维度,定位三维空间中的数据点。 - [编码映射(Encode)](/zh/manual/core/encode.md): 将数据字段、常量或函数映射到 G2 的位置、颜色、大小等视觉通道,理解编码配置与图表表达的关系。 - [brushXHighlight](/zh/manual/core/interaction/brush-xhighlight.md): 沿 x 方向框选并高亮对应元素,用于关注横轴上的指定范围。 - [cell](/zh/manual/core/mark/cell.md): 以网格单元格展示数据,用于矩阵热力图和日历图等规则网格布局。 - [brushYHighlight](/zh/manual/core/interaction/brush-yhighlight.md): 沿 y 方向框选并高亮对应元素,用于关注纵轴上的指定范围。 - [chord](/zh/manual/core/mark/chord.md): 通过圆周节点与弦带展示类别之间的流量、关系和连接强度。 - [brushFilter](/zh/manual/core/interaction/brush-filter.md): 通过二维框选过滤数据,放大查看选定区域内的内容。 - [标题(Title)](/zh/manual/component/title.md): 配置图表主标题与副标题的内容、布局和字体样式。 - [brushXFilter](/zh/manual/core/interaction/brush-xfilter.md): 沿 x 方向框选并过滤数据,查看横轴指定范围内的内容。 - [density](/zh/manual/core/mark/density.md): 绘制数据概率密度分布,可结合核密度估计转换生成小提琴图。 - [常见问题 FAQ](/zh/manual/FAQ.md): 排查 G2 图表常见问题,包括布局与标题、坐标轴、数据、交互及配置作用域,并参考可运行示例。 - [坐标轴(Axis)](/zh/manual/component/axis.md): 配置坐标轴标题、刻度、标签与网格线,调整位置、格式和样式。 - [图例(Legend)](/zh/manual/component/legend.md): 配置分类与连续图例的布局、位置和标记,解释颜色、大小等视觉编码。 - [滚动条(Scrollbar)](/zh/manual/component/scrollbar.md): 配置 x、y 方向滚动条,在有限绘图空间中浏览大量数据。 - [缩略轴(Slider)](/zh/manual/component/slider.md): 配置 x、y 方向缩略轴的概览、选区与手柄,控制数据查看范围。 - [提示信息(Tooltip)](/zh/manual/component/tooltip.md): 配置提示框展示字段、数值格式与自定义内容,在交互中查看数据详情。 - [数据标签(Label)](/zh/manual/component/label.md): 配置数据标签的内容、位置、样式和连接线,并处理标签重叠。 - [brushYFilter](/zh/manual/core/interaction/brush-yfilter.md): 沿 y 方向框选并过滤数据,查看纵轴指定范围内的内容。 - [gauge](/zh/manual/core/mark/gauge.md): 通过仪表盘展示指标值、进度或占比,配置刻度与图形样式。 - [chartIndex](/zh/manual/core/interaction/chart-index.md): 以选定时间点为基准比较多条时序曲线,观察各系列的相对变化。 - [heatmap](/zh/manual/core/mark/heatmap.md): 通过颜色强度展示二维数据的数值或密度,识别热点与分布规律。 - [样式(Style)](/zh/manual/core/style.md): 配置 G2 标记和视图样式,使用静态值或数据回调控制填充、描边等视觉属性,区分 style 与 viewStyle。 - [按需打包](/zh/manual/extra-topics/bundle.md): 通过 Runtime 和按需注册组件控制打包内容,结合 Tree Shaking 减少包体积。 - [helix](/zh/manual/core/coordinate/helix.md): 将数据映射到螺旋坐标,配置角度与半径以展示周期性或时间序列数据。 - [elementHighlight](/zh/manual/core/interaction/element-highlight.md): 鼠标悬停时高亮当前图形并弱化其他元素,移出后恢复原样式。 - [image](/zh/manual/core/mark/image.md): 在指定数据位置绘制图片,支持 URL 或 Base64 图片源与尺寸样式配置。 - [设置纹理](/zh/manual/extra-topics/pattern.md): 使用内置或自定义纹理区分类别,改善黑白打印与颜色辨识受限时的可读性。 - [elementHighlightByColor](/zh/manual/core/interaction/element-highlight-by-color.md): 鼠标悬停时高亮具有相同 color 通道值的元素,突出整个数据系列。 - [elementHoverScale](/zh/manual/core/interaction/element-hover-scale.md): 鼠标悬停时放大图形并配置阴影等效果,用于饼图、环图等交互反馈。 - [interval](/zh/manual/core/mark/interval.md): 使用区间标记绘制柱形图、条形图及分组堆叠图,并通过坐标变换生成饼图。 - [状态管理(State)](/zh/manual/core/state.md): 配置 G2 标记的 active、inactive、selected 等状态样式,理解状态配置在单标记和多标记视图中的作用范围。 - [elementHighlightByX](/zh/manual/core/interaction/element-highlight-by-x.md): 鼠标悬停时高亮具有相同 x 通道值的元素,比较同一横轴位置的数据。 - [line](/zh/manual/core/mark/line.md): 按数据顺序连接点,用折线展示趋势变化与多系列比较。 - [pow](/zh/manual/core/scale/pow.md): 按指定幂指数非线性映射连续数值,调整不同数值区间的视觉差异。 - [服务端渲染(SSR)](/zh/manual/extra-topics/ssr.md): 在 Node.js 中使用 Canvas 渲染图表并导出图片,实现服务端渲染。 - [elementSelect](/zh/manual/core/interaction/element-select.md): 通过点击选中或取消选中图形,配置单选、多选与选中样式。 - [lineX](/zh/manual/core/mark/line-x.md): 在指定 x 位置绘制垂直参考线,用于标记时间点或横轴阈值。 - [lineY](/zh/manual/core/mark/line-y.md): 在指定 y 位置绘制水平参考线,用于标记基准值或纵轴阈值。 - [Spec 函数表达式支持 (5.3.0 支持)](/zh/manual/extra-topics/expr.md): 使用可序列化的字符串表达式替代 Spec 中的函数回调,支持配置传输与服务端渲染。 - [elementSelectByColor](/zh/manual/core/interaction/element-select-by-color.md): 通过点击选中具有相同 color 通道值的一组元素。 - [elementSelectByX](/zh/manual/core/interaction/element-select-by-x.md): 通过点击选中具有相同 x 通道值的一组元素。 - [link](/zh/manual/core/mark/link.md): 连接两组坐标端点,配置连接线样式与箭头以展示关系。 - [fisheye](/zh/manual/core/interaction/fisheye.md): 随鼠标位置动态调整鱼眼效果,放大焦点附近图形以查看密集数据。 - [liquid](/zh/manual/core/mark/liquid.md): 通过水波填充高度展示进度或占比,配置水波图的形状和样式。 - [sunburst](/zh/manual/core/mark/sunburst.md): 使用 g2-extension-plot 扩展绘制旭日图,以多层环形扇区展示层级结构与占比。 - [事件处理(Event)](/zh/manual/core/event.md): 监听与移除图表生命周期和交互事件,使用 ChartEvent 管理事件响应。 - [legendFilter](/zh/manual/core/interaction/legend-filter.md): 通过点击分类图例或调整连续图例范围过滤图表数据。 - [颜色映射(Color)](/zh/manual/core/color.md): 配置图形填充与描边颜色,以及数据驱动的颜色编码和调色板。 - [legendHighlight](/zh/manual/core/interaction/legend-highlight.md): 悬停图例时高亮对应系列并弱化其他元素,移出后恢复原样式。 - [point](/zh/manual/core/mark/point.md): 用点的位置、颜色和大小编码数据,绘制散点图与气泡图。 - [poptip](/zh/manual/core/interaction/poptip.md): 在悬停时显示轻量提示信息,补充展示图形或组件的相关内容。 - [polygon](/zh/manual/core/mark/polygon.md): 根据顶点坐标数组绘制闭合多边形,用于区域形状和地图等可视化。 - [scrollbarFilter](/zh/manual/core/interaction/scrollbar-filter.md): 通过拖动滚动条调整数据可见范围,浏览超出当前视窗的内容。 - [range](/zh/manual/core/mark/range.md): 根据 x、y 区间绘制矩形标注区域,突出指定范围的数据。 - [sliderFilter](/zh/manual/core/interaction/slider-filter.md): 通过拖动缩略轴的选区或手柄过滤数据,调整图表展示范围。 - [rangeX](/zh/manual/core/mark/range-x.md): 根据 x 区间绘制覆盖纵向空间的条带,突出横轴上的指定范围。 - [sliderWheel](/zh/manual/core/interaction/slider-wheel.md): 使用鼠标滚轮或触控板缩放缩略轴选区,调整数据查看范围。 - [rangeY](/zh/manual/core/mark/range-y.md): 根据 y 区间绘制覆盖横向空间的条带,突出纵轴上的指定范围。 - [rect](/zh/manual/core/mark/rect.md): 按位置与区间绘制矩形标记,用于直方图、热力图等可视化。 - [shape](/zh/manual/core/mark/shape.md): 通过自定义绘图函数创建 G 图形,实现特殊标注、水印等图形元素。 - [text](/zh/manual/core/mark/text.md): 在数据位置绘制文本标注,配置内容、字体大小、旋转角度与样式。 - [vector](/zh/manual/core/mark/vector.md): 用箭头的位置、大小和旋转角度展示方向与强度,绘制向量场。 - [connector](/zh/manual/core/mark/connector.md): 在两点之间绘制带转折的连接器,配置偏移和箭头以关联标注与图形。 - [wordCloud](/zh/manual/core/mark/wordcloud.md): 将词频或权重映射为文字大小,配置词云布局、旋转和样式。 - [beeswarm](/zh/manual/core/mark/beeswarm.md): 将数据点排列为尽量不重叠的蜂群图,保留单条观测并展示分布。 ### theme - [主题编辑器](/zh/theme.md) ## 中文示例 - [Ctrl/⌘+F 文本搜索](/zh/examples/accessible/text-searching/text-search.md) - [冒泡排序](/zh/examples/algorithm/sort/bubble-sort.md) - [插入排序](/zh/examples/algorithm/sort/insertion-sort.md) - [选择排序](/zh/examples/algorithm/sort/selection-sort.md) - [颜色分箱](/zh/examples/analysis/bin/bin-color.md) - [透明度分箱](/zh/examples/analysis/bin/bin-opacity.md) - [大小分箱](/zh/examples/analysis/bin/bin-size.md) - [直方图](/zh/examples/analysis/bin/binx.md) - [颜色分类直方图](/zh/examples/analysis/bin/binx-color.md) - [泊松分布](/zh/examples/analysis/bin/poisson.md) - [聚合条形图](/zh/examples/analysis/group/bar-aggregated.md) - [聚合归一化堆叠条形图](/zh/examples/analysis/group/bar-aggregated-normalized-stacked.md) - [聚合堆叠条形图](/zh/examples/analysis/group/bar-aggregated-stacked.md) - [带数据标签的聚合条形图](/zh/examples/analysis/group/bar-aggregated-with-label.md) - [层叠条形图](/zh/examples/analysis/group/bar-layered.md) - [多度量条形图](/zh/examples/analysis/group/bar-multi-measure.md) - [发散堆叠条形图](/zh/examples/analysis/group/bar-stacked-diverging.md) - [一维聚合堆叠条形图](/zh/examples/analysis/group/bar-stacked-normalized-1d.md) - [列数据格式](/zh/examples/analysis/process/column-data-format.md) - [指数回归线](/zh/examples/analysis/regression/exponential-regression.md) - [线性回归线](/zh/examples/analysis/regression/linear-regression.md) - [对数回归线](/zh/examples/analysis/regression/logarithmic-regression.md) - [多项式回归线](/zh/examples/analysis/regression/polynomial-regression.md) - [二项式回归线](/zh/examples/analysis/regression/quadratic-regression.md) - [FadeIn](/zh/examples/animation/general/fade.md) - [PathIn](/zh/examples/animation/general/path-in.md) - [ScaleInX](/zh/examples/animation/general/scale-x.md) - [ScaleInY](/zh/examples/animation/general/scale-y.md) - [WaveIn](/zh/examples/animation/general/wave-in.md) - [ZoomIn](/zh/examples/animation/general/zoom-in.md) - [面积图动画](/zh/examples/animation/group/area.md) - [柱形图动画](/zh/examples/animation/group/interval.md) - [玫瑰图动画](/zh/examples/animation/group/interval-polar.md) - [折线图动画](/zh/examples/animation/group/line.md) - [点图动画](/zh/examples/animation/group/point.md) - [Lottie](/zh/examples/animation/lottie/lottie.md) - [链接线标记的瀑布图](/zh/examples/annotation/connector/interval-connector.md) - [线标记的瀑布图](/zh/examples/annotation/connector/revenue-flow-waterfall.md) - [异动趋势图](/zh/examples/annotation/line/anomaly-area-line.md) - [平均值线标注的直方图](/zh/examples/annotation/line/histogram-mean-line.md) - [平均值线标注的柱状图](/zh/examples/annotation/line/interval-mean-line.md) - [突出超出阈值的柱状图](/zh/examples/annotation/line/interval-threshold.md) - [线标记的散点图](/zh/examples/annotation/line/point-line.md) - [点标记的散点图](/zh/examples/annotation/line/point-point.md) - [区域标记的四象限散点图](/zh/examples/annotation/line/quadrant-scatter.md) - [区间标注的柱状图](/zh/examples/annotation/range/bar-range.md) - [区间标注的折线图](/zh/examples/annotation/range/line-range.md) - [区域标记的散点图](/zh/examples/annotation/range/point-range.md) - [点标记的条形图](/zh/examples/annotation/shape/interval-point.md) - [徽章标记的折线图](/zh/examples/annotation/shape/line-badge.md) - [徽章水印](/zh/examples/annotation/shape/watermark.md) - [文本标记的折线图](/zh/examples/annotation/text/line-text.md) - [峰值标记](/zh/examples/annotation/text/peak-value-text.md) - [自定义坐标轴标签](/zh/examples/component/axis/axis.md) - [多坐标轴](/zh/examples/component/axis/axis-multi.md) - [极坐标下坐标轴](/zh/examples/component/axis/axis-polar.md) - [x 方向坐标轴](/zh/examples/component/axis/axis-x.md) - [x 和 y 方向坐标轴](/zh/examples/component/axis/axis-xy.md) - [坐标轴标签自定义渲染](/zh/examples/component/axis/render.md) - [数据标签颜色反转](/zh/examples/component/label/contrastreverse.md) - [HTML 标签](/zh/examples/component/label/htmllabel.md) - [数据标签超出隐藏](/zh/examples/component/label/overflowhide.md) - [数据标签碰撞隐藏](/zh/examples/component/label/overlaphide.md) - [自定义图例标签](/zh/examples/component/legend/category.md) - [连续图例](/zh/examples/component/legend/continuous.md) - [自定义图例](/zh/examples/component/legend/custom.md) - [图例项样式](/zh/examples/component/legend/item-style.md) - [分页器样式](/zh/examples/component/legend/nav-style.md) - [图例位置](/zh/examples/component/legend/position.md) - [自定义符号](/zh/examples/component/legend/symbol.md) - [图例标题](/zh/examples/component/legend/title.md) - [滚动条](/zh/examples/component/scrollbar/scrollbar.md) - [自适应过滤](/zh/examples/component/slider/slider-adaptive.md) - [自定义样式](/zh/examples/component/slider/slider-custom.md) - [自定义手柄图标形状](/zh/examples/component/slider/slider-handle-icon.md) - [Mark 层级自适应](/zh/examples/component/slider/slider-multi-axis-mark.md) - [View 层级自适应](/zh/examples/component/slider/slider-multi-axis-view.md) - [滚轮缩放](/zh/examples/component/slider/slider-wheel.md) - [标题](/zh/examples/component/title/title.md) - [标题样式](/zh/examples/component/title/title-style.md) - [提示](/zh/examples/component/tooltip/tooltip.md) - [点击提示](/zh/examples/component/tooltip/tooltip-click.md) - [点击系列图提示](/zh/examples/component/tooltip/tooltip-click-line.md) - [十字辅助线](/zh/examples/component/tooltip/tooltip-crosshairs.md) - [自定义提示](/zh/examples/component/tooltip/tooltip-custom.md) - [自定义 marker 的 tooltip](/zh/examples/component/tooltip/tooltip-line-marker.md) - [空心提示点](/zh/examples/component/tooltip/tooltip-marker.md) - [自定义渲染内容](/zh/examples/component/tooltip/tooltip-render.md) - [系列提示](/zh/examples/component/tooltip/tooltip-series.md) - [自定义样式](/zh/examples/component/tooltip/tooltip-style.md) - [两个 tooltip](/zh/examples/component/tooltip/tooltip-two.md) - [多维度提示](/zh/examples/component/tooltip/tooltip2d.md) - [圆形分面](/zh/examples/composition/facet/circle.md) - [矩行分面](/zh/examples/composition/facet/rect.md) - [日历条形图](/zh/examples/composition/facet/rect-bar.md) - [列矩行分面](/zh/examples/composition/facet/rect-col.md) - [自定义视图边框](/zh/examples/composition/facet/rect-frame.md) - [日历饼图](/zh/examples/composition/facet/rect-pie.md) - [系统监控](/zh/examples/composition/facet/rect-ring.md) - [行矩行分面](/zh/examples/composition/facet/rect-row.md) - [重复矩阵](/zh/examples/composition/repeat/matrix.md) - [列重复矩阵](/zh/examples/composition/repeat/matrix-col.md) - [弹性容器](/zh/examples/composition/space/space-flex.md) - [层叠容器](/zh/examples/composition/space/space-layer.md) - [Spec 函数表达式](/zh/examples/expr/base/expr.md) - [面积图](/zh/examples/general/area/area.md) - [板子图](/zh/examples/general/area/area-band.md) - [简单面积图](/zh/examples/general/area/area-basic.md) - [差分面积图](/zh/examples/general/area/area-difference.md) - [渐变色面积图](/zh/examples/general/area/area-gradient.md) - [百分比堆叠面积图](/zh/examples/general/area/area-percentage.md) - [区间面积图](/zh/examples/general/area/area-range.md) - [简单堆叠面积图](/zh/examples/general/area/area-stacked-basic.md) - [负数面积图](/zh/examples/general/area/area-with-negative.md) - [出现顺序堆叠面积图](/zh/examples/general/area/cascade-area.md) - [面积图特殊标签](/zh/examples/general/area/label.md) - [数据缺失面积图](/zh/examples/general/area/missing-data-area.md) - [彩条图](/zh/examples/general/area/orderly-area.md) - [归一化堆叠面积图](/zh/examples/general/area/percentage-area.md) - [区间曲线面积图](/zh/examples/general/area/range-spline-area.md) - [排名趋势面积图](/zh/examples/general/area/rank-trend-area.md) - [堆叠面积图](/zh/examples/general/area/stacked-area.md) - [阶梯面积图](/zh/examples/general/area/step-area.md) - [河流图](/zh/examples/general/area/streamgraph.md) - [蜂群图](/zh/examples/general/beeswarm/base.md) - [不同形状的蜂群图](/zh/examples/general/beeswarm/shape.md) - [横向蜂群图](/zh/examples/general/beeswarm/transpose.md) - [预处理箱线图](/zh/examples/general/box/box.md) - [无异常点箱线图](/zh/examples/general/box/boxplot.md) - [一维箱线图](/zh/examples/general/box/boxplot-1d.md) - [带异常点箱线图](/zh/examples/general/box/boxplot-outlier.md) - [预处理分组箱线图](/zh/examples/general/box/grouped-box.md) - [带异常点分组箱线图](/zh/examples/general/box/grouped-boxplot-outlier.md) - [径向箱线图](/zh/examples/general/box/polar-box.md) - [子弹图](/zh/examples/general/bullet/bullet.md) - [子弹图 更多数据](/zh/examples/general/bullet/bullet-datas.md) - [多条子弹图](/zh/examples/general/bullet/bullets.md) - [K线图](/zh/examples/general/candlestick/basis.md) - [K 线图与范围区域图](/zh/examples/general/candlestick/k-and-area.md) - [K 线图与柱状图](/zh/examples/general/candlestick/k-and-column.md) - [股票图](/zh/examples/general/candlestick/line-candle-stick.md) - [聚合热力图](/zh/examples/general/cell/cell-aggregated.md) - [华夫饼图](/zh/examples/general/cell/cell-basic.md) - [热力图](/zh/examples/general/cell/cell-heatmap.md) - [分位数热力图](/zh/examples/general/cell/cell-quantile.md) - [量化热力图](/zh/examples/general/cell/cell-quantize.md) - [阈值热力图](/zh/examples/general/cell/cell-threshold.md) - [聚合线面双轴图](/zh/examples/general/dual/dual-aggregated-line-area.md) - [双轴条形图](/zh/examples/general/dual/dual-axis-bar.md) - [双轴折线条形图](/zh/examples/general/dual/dual-axis-line-bar.md) - [双轴多折线条形图](/zh/examples/general/dual/dual-axis-multi-line-bar.md) - [双轴堆叠分组条形图](/zh/examples/general/dual/dual-axis-stacked-group-bar.md) - [柱线混合](/zh/examples/general/dual/line-bar.md) - [多轴图](/zh/examples/general/dual/multi-line.md) - [多轴图同步刻度](/zh/examples/general/dual/multi-line-sync.md) - [帕累托图](/zh/examples/general/dual/pareto.md) - [基础平滑图](/zh/examples/general/ema/ema-basic.md) - [漏斗图](/zh/examples/general/funnel/funnel.md) - [转化漏斗图](/zh/examples/general/funnel/funnel-annotation.md) - [对比漏斗图](/zh/examples/general/funnel/mirror-funnel.md) - [金字塔图](/zh/examples/general/funnel/pyramid.md) - [正向金字塔图](/zh/examples/general/funnel/pyramid-forward.md) - [圆角漏斗图](/zh/examples/general/funnel/radius-funnel.md) - [自定义仪表盘颜色](/zh/examples/general/gauge/gauge-custom-color.md) - [仪表盘自定义指针形状](/zh/examples/general/gauge/gauge-custom-shape.md) - [完全自定义样式的仪表盘](/zh/examples/general/gauge/gauge-custom-style.md) - [仪表盘](/zh/examples/general/gauge/gauge-default.md) - [仪表盘内置 round 形状](/zh/examples/general/gauge/gauge-round.md) - [密度热力图](/zh/examples/general/heatmap/heatmap.md) - [散点分布热力](/zh/examples/general/heatmap/heatmap-density.md) - [鼠标热力图](/zh/examples/general/heatmap/mouse-heatmap.md) - [螺旋坐标系](/zh/examples/general/helix/helix.md) - [基因螺旋图](/zh/examples/general/helix/helix-gene.md) - [直方图](/zh/examples/general/histogram/histogram.md) - [直方图范围刻度](/zh/examples/general/histogram/histogram-binwidth.md) - [层叠直方图](/zh/examples/general/histogram/histogram-stacked.md) - [贡献者](/zh/examples/general/image/contributor.md) - [图标标记](/zh/examples/general/image/icon.md) - [浏览器图标](/zh/examples/general/image/logo.md) - [水平条形图](/zh/examples/general/interval/bar.md) - [坐标轴断轴条形图](/zh/examples/general/interval/bar-axis-breaks.md) - [简单柱形图](/zh/examples/general/interval/bar-basic.md) - [简单分组柱形图](/zh/examples/general/interval/bar-basic-grouped.md) - [图例聚焦条形图](/zh/examples/general/interval/bar-basic-grouped-focus.md) - [简单堆叠柱形图](/zh/examples/general/interval/bar-basic-stacked.md) - [简单条形图](/zh/examples/general/interval/bar-basic-transposed.md) - [发散条形图](/zh/examples/general/interval/bar-diverging.md) - [分组条形图](/zh/examples/general/interval/bar-dodged.md) - [多轴条形图](/zh/examples/general/interval/bar-dual-axes.md) - [固定宽度圆角条形图](/zh/examples/general/interval/bar-fixed-cornered.md) - [弹性条形图](/zh/examples/general/interval/bar-flex.md) - [马赛克图](/zh/examples/general/interval/bar-marimekko.md) - [归一化堆叠条形图](/zh/examples/general/interval/bar-normalized-stacked.md) - [区间条形图](/zh/examples/general/interval/bar-range.md) - [微妙级区间条形图](/zh/examples/general/interval/bar-range-micro.md) - [堆叠条形图](/zh/examples/general/interval/bar-stacked.md) - [圆角发散堆叠条形图](/zh/examples/general/interval/bar-stacked-diverging-rounded.md) - [堆叠水平条形图](/zh/examples/general/interval/bar-stacked-horizontal.md) - [可变宽度条形图](/zh/examples/general/interval/bar-var-width.md) - [可交互柱形图](/zh/examples/general/interval/column-interactive.md) - [对数柱形图](/zh/examples/general/interval/column-log.md) - [限制宽度的柱形图](/zh/examples/general/interval/column-maxwidth.md) - [限制高度的柱形图](/zh/examples/general/interval/column-min-height.md) - [interval样式配置](/zh/examples/general/interval/interval-style.md) - [基础折线图](/zh/examples/general/line/base.md) - [曲线折线图](/zh/examples/general/line/curved.md) - [聚合折线图](/zh/examples/general/line/line-aggregated-label.md) - [面积标注折线图](/zh/examples/general/line/line-area-clip-path.md) - [普通折线图](/zh/examples/general/line/line-basic.md) - [缺失折线图](/zh/examples/general/line/line-connect-nulls.md) - [颜色编码折线图](/zh/examples/general/line/line-gradient-encoding.md) - [归一化折线图](/zh/examples/general/line/line-normalized.md) - [数据样本折线图](/zh/examples/general/line/line-sample.md) - [系列折线图](/zh/examples/general/line/line-series.md) - [系列颜色编码折线图](/zh/examples/general/line/line-series-var-color.md) - [斜率图](/zh/examples/general/line/line-slope.md) - [折线标记样式](/zh/examples/general/line/line-style.md) - [阈值折线图](/zh/examples/general/line/line-threshold.md) - [变宽折线图](/zh/examples/general/line/line-var-size.md) - [轨迹图](/zh/examples/general/line/line-var-size-facet.md) - [缺失变宽折线图](/zh/examples/general/line/line-var-size-missing.md) - [多色折线图](/zh/examples/general/line/line-variable-color.md) - [零值折线图](/zh/examples/general/line/line-zero-values.md) - [阶梯折线图](/zh/examples/general/line/step.md) - [箭线](/zh/examples/general/link/link.md) - [Link 辅助线](/zh/examples/general/link/link-annotation.md) - [link 内置形状](/zh/examples/general/link/link-shape.md) - [带背景的水波图](/zh/examples/general/liquid/liquid-background.md) - [水波图 文本内容](/zh/examples/general/liquid/liquid-content.md) - [自定义形状水波图](/zh/examples/general/liquid/liquid-custom-shape.md) - [水波图](/zh/examples/general/liquid/liquid-default.md) - [水滴形状水波图](/zh/examples/general/liquid/liquid-pin.md) - [迷你面积图](/zh/examples/general/mini/area.md) - [迷你柱形图](/zh/examples/general/mini/column.md) - [迷你折线图](/zh/examples/general/mini/line.md) - [迷你饼图](/zh/examples/general/mini/pie.md) - [迷你进度条](/zh/examples/general/mini/progress.md) - [迷你环图](/zh/examples/general/mini/ring.md) - [水平平行坐标系](/zh/examples/general/parallel/line-parallel-horizontal.md) - [竖直平行坐标系](/zh/examples/general/parallel/line-parallel-vertical.md) - [甜甜圈图](/zh/examples/general/pie/donut.md) - [简单环图](/zh/examples/general/pie/donut-base.md) - [饼图](/zh/examples/general/pie/pie.md) - [简单饼图](/zh/examples/general/pie/pie-base.md) - [2018 年第一季度短视频用户性别分布](/zh/examples/general/pie/pie-base-facet.md) - [饼图, 中心文本](/zh/examples/general/pie/pie-donut-text.md) - [增加交互的饼图](/zh/examples/general/pie/pie-hover-scale.md) - [径向扰动散点图](/zh/examples/general/pie/point-jitter-radial.md) - [饼图, 蜘蛛布局标签](/zh/examples/general/pie/spider-label.md) - [调整蜘蛛布局](/zh/examples/general/pie/spider-label-overlap.md) - [聚合气泡图](/zh/examples/general/point/point-aggregated.md) - [散点图](/zh/examples/general/point/point-basic.md) - [气泡图](/zh/examples/general/point/point-bubble.md) - [点图](/zh/examples/general/point/point-dot.md) - [扰动散点图](/zh/examples/general/point/point-jitter.md) - [标签散点图](/zh/examples/general/point/point-label.md) - [对数气泡图](/zh/examples/general/point/point-log.md) - [一维散点图](/zh/examples/general/point/point-one-dimension.md) - [渐变色散点图](/zh/examples/general/point/point-sequential.md) - [多形状散点图](/zh/examples/general/point/point-shape.md) - [堆叠散点图](/zh/examples/general/point/point-stacked.md) - [带子散点图](/zh/examples/general/point/point-strip.md) - [point 样式](/zh/examples/general/point/point-style.md) - [矩形树图](/zh/examples/general/polygon/treemap.md) - [沃罗诺伊图](/zh/examples/general/polygon/voronoi.md) - [径向面积图](/zh/examples/general/radar/area-radial.md) - [复杂雷达图](/zh/examples/general/radar/complex-radial.md) - [雷达图(带网格)](/zh/examples/general/radar/grid-radial.md) - [多个维度的雷达图](/zh/examples/general/radar/multi-radar.md) - [雷达图](/zh/examples/general/radar/parallel-radar.md) - [雷达图](/zh/examples/general/radar/radar.md) - [雷达图(带底色)](/zh/examples/general/radar/radial-with-background-color.md) - [方形雷达图](/zh/examples/general/radar/square-radar.md) - [Apple 活动图](/zh/examples/general/radial/apple-activity.md) - [圆角玉珏图](/zh/examples/general/radial/bar-cornered-radial.md) - [玉珏图](/zh/examples/general/radial/bar-radial.md) - [带背景的玉珏图](/zh/examples/general/radial/radial-bar-with-background.md) - [径向条形图](/zh/examples/general/radial/radial-line.md) - [径向堆叠条形图](/zh/examples/general/radial/radial-stacked.md) - [南丁格尔玫瑰环图](/zh/examples/general/rose/donut-rose.md) - [南丁格尔玫瑰图](/zh/examples/general/rose/nightingale-rose.md) - [极坐标下的层叠柱状图](/zh/examples/general/rose/polar-stack.md) - [玫瑰图](/zh/examples/general/rose/rose.md) - [玫瑰图标签](/zh/examples/general/rose/rose-label.md) - [堆叠玫瑰图](/zh/examples/general/rose/stacked-rose.md) - [Wind Rose](/zh/examples/general/rose/wind-rose.md) - [旭日图自定义颜色通道](/zh/examples/general/sunburst/sunburst-color.md) - [旭日图](/zh/examples/general/sunburst/sunburst-default.md) - [旭日图交互配置](/zh/examples/general/sunburst/sunburst-interaction.md) - [旭日图带标签](/zh/examples/general/sunburst/sunburst-label.md) - [旭日图自定义纹理](/zh/examples/general/sunburst/sunburst-pattern.md) - [旭日图自定义样式](/zh/examples/general/sunburst/sunburst-style.md) - [文本段落](/zh/examples/general/text/paragraph.md) - [诗词可视化](/zh/examples/general/text/poetry.md) - [茎叶图](/zh/examples/general/text/stem-leaf.md) - [火车调度](/zh/examples/general/text/train.md) - [词云图](/zh/examples/general/text/wordcloud.md) - [英文字符词云图](/zh/examples/general/text/wordcloud-english.md) - [带图片遮罩的词云图](/zh/examples/general/text/wordcloud-mask.md) - [珀林噪声场](/zh/examples/general/vector/poisson.md) - [风向量场](/zh/examples/general/vector/wind.md) - [韦恩图](/zh/examples/general/venn/venn.md) - [空心韦恩图](/zh/examples/general/venn/venn-hollow.md) - [核密度图](/zh/examples/general/violin/density.md) - [小提琴图](/zh/examples/general/violin/violin.md) - [极坐标小提琴图](/zh/examples/general/violin/violin-polar.md) - [美国行政地图](/zh/examples/geo/geo/choropleth-usa.md) - [航班机场图](/zh/examples/geo/geo/flights-airports.md) - [六边形中国地图](/zh/examples/geo/geo/hexbin-china.md) - [六边形美国地图](/zh/examples/geo/geo/hexjson-usa.md) - [伦敦地铁图](/zh/examples/geo/geo/london-tube-lines.md) - [投影比较](/zh/examples/geo/geo/projection-comparison.md) - [世界地图](/zh/examples/geo/geo/world-map.md) - [打包图](/zh/examples/graph/hierarchy/circle-packing.md) - [火焰图](/zh/examples/graph/hierarchy/partition.md) - [火焰图(排序)](/zh/examples/graph/hierarchy/partition-sorted.md) - [树图](/zh/examples/graph/hierarchy/tree.md) - [矩形树图](/zh/examples/graph/hierarchy/treemap.md) - [矩形树图下钻](/zh/examples/graph/hierarchy/treemap-drill-down.md) - [弦图](/zh/examples/graph/network/chord.md) - [力导向图](/zh/examples/graph/network/forcegraph.md) - [离散力导向图](/zh/examples/graph/network/forcegraph-disjoint.md) - [桑基图](/zh/examples/graph/network/sankey.md) - [自动可视化 - 柱形图](/zh/examples/intelligent/auto/auto-interval.md) - [自动可视化 - 折线图](/zh/examples/intelligent/auto/auto-line.md) - [自动可视化 - 饼图](/zh/examples/intelligent/auto/auto-pie.md) - [自动可视化 - 散点图](/zh/examples/intelligent/auto/auto-scatter.md) - [类别异常](/zh/examples/intelligent/insight/category-outlier.md) - [突变点](/zh/examples/intelligent/insight/change-point.md) - [洞察标注算法的详细参数](/zh/examples/intelligent/insight/insight.md) - [低方差](/zh/examples/intelligent/insight/low-variance.md) - [时序异常](/zh/examples/intelligent/insight/time-series-outlier.md) - [趋势](/zh/examples/intelligent/insight/trend.md) - [刷选](/zh/examples/interaction/brush/brush.md) - [刷选事件](/zh/examples/interaction/brush/brush-emit.md) - [重置刷选](/zh/examples/interaction/brush/reset-brush.md) - [图例](/zh/examples/interaction/component/legend.md) - [面积图-数形交互](/zh/examples/interaction/data/area-element-point-move.md) - [面积图-百分比堆叠-数形交互](/zh/examples/interaction/data/area-normalizey-element-point-move.md) - [条形图-数形交互](/zh/examples/interaction/data/bar-element-point-move.md) - [条形图-百分比堆叠-数形交互](/zh/examples/interaction/data/bar-normalizey-element-point-move.md) - [柱形图-数形交互](/zh/examples/interaction/data/column-element-point-move.md) - [柱形图-百分比堆叠-数形交互](/zh/examples/interaction/data/column-normalizey-element-point-move.md) - [折线图-数形交互](/zh/examples/interaction/data/line-element-point-move.md) - [雷达图-数形交互](/zh/examples/interaction/data/line-element-point-move-polar.md) - [饼图-数形交互](/zh/examples/interaction/data/pie-element-point-move.md) - [环图元素放大](/zh/examples/interaction/element/donut-hover-scale.md) - [分组柱状图元素放大](/zh/examples/interaction/element/group-hover-scale.md) - [高亮](/zh/examples/interaction/element/highlight.md) - [饼图元素放大](/zh/examples/interaction/element/pie-hover-scale.md) - [选择](/zh/examples/interaction/element/select.md) - [滑动](/zh/examples/interaction/element/slider.md) - [自动提示](/zh/examples/interaction/event/auto-tooltip.md) - [通过点获取数据](/zh/examples/interaction/event/get-data-by-xy.md) - [图例点击](/zh/examples/interaction/event/legend-click.md) - [重置刷选](/zh/examples/interaction/event/reset-brush-filter.md) - [图表联动](/zh/examples/interaction/multi-view/focus-context.md) - [索引图](/zh/examples/interaction/other/chart-index.md) - [鱼眼](/zh/examples/interaction/other/fisheye.md) - [2.5D 柱形图](/zh/examples/interesting/interesting/25d-column.md) - [梅西射门分析](/zh/examples/interesting/interesting/messi.md) - [国庆节头像](/zh/examples/interesting/interesting/national.md) - [花瓣图](/zh/examples/interesting/interesting/petal.md) - [时间轴 Timeline](/zh/examples/interesting/interesting/timeline.md) - [图表布局](/zh/examples/layout/layout/chart-layout.md) - [图表视图样式](/zh/examples/layout/style/chart-view-style.md) - [Canvas 渲染器](/zh/examples/renderer/renderer/canvas.md) - [SVG 渲染器](/zh/examples/renderer/renderer/svg.md) - [WebGL 渲染器](/zh/examples/renderer/renderer/webgl.md) - [漏斗转化分析](/zh/examples/scene/scene/funnel-conversion.md) - [心率监测仪](/zh/examples/scene/scene/heartbeat-monitor.md) - [数据脉冲网络](/zh/examples/scene/scene/network-pulse.md) - [音频播放器可视化](/zh/examples/scene/scene/player.md) - [雷达扫描效果](/zh/examples/scene/scene/radar-scan.md) - [粒子涟漪效果](/zh/examples/scene/scene/ripple-effect.md) - [星空粒子系统](/zh/examples/scene/scene/starry-sky.md) - [股票实时K线](/zh/examples/scene/scene/stock-realtime.md) - [波浪能量图](/zh/examples/scene/scene/wave-energy.md) - [天气预报动画](/zh/examples/scene/scene/weather-forecast.md) - [分面帧动画](/zh/examples/storytelling/storytelling/facet-keyframe.md) - [甘特图动画](/zh/examples/storytelling/storytelling/gantt.md) - [条帧动画](/zh/examples/storytelling/storytelling/interval-keyframe.md) - [点帧动画](/zh/examples/storytelling/storytelling/point-keyframe.md) - [混合帧动画](/zh/examples/storytelling/storytelling/stocks-keyframe.md) - [配置线性渐变-面积图](/zh/examples/style/graphic/area.md) - [配置线性渐变-仪表盘](/zh/examples/style/graphic/gauge.md) - [配置线的样式](/zh/examples/style/graphic/line.md) - [配置图形样式](/zh/examples/style/graphic/mark.md) - [配置纹理](/zh/examples/style/graphic/pattern.md) - [配置环形渐变](/zh/examples/style/graphic/radial-gradient.md) - [配置文字的样式](/zh/examples/style/graphic/text.md) - [使用原生 Canvas API 自定义 Pattern](/zh/examples/style/pattern/custom-pattern-with-canvas.md) - [使用 G API 自定义 Pattern](/zh/examples/style/pattern/custom-pattern-with-g-api.md) - [Dots Pattern](/zh/examples/style/pattern/dots-pattern.md) - [Lines Pattern](/zh/examples/style/pattern/lines-pattern.md) - [Squares Pattern](/zh/examples/style/pattern/squares-pattern.md) - [手绘条形图](/zh/examples/style/rough/interval.md) - [手绘折线图](/zh/examples/style/rough/line.md) - [手绘散点图](/zh/examples/style/rough/point.md) - [手绘饼图](/zh/examples/style/rough/radial.md) - [学术风格](/zh/examples/style/theme/academy.md) - [暗色风格](/zh/examples/style/theme/dark.md) - [视图模型](/zh/examples/style/theme/layout-area.md) - [圆锥](/zh/examples/threed/bar/cone.md) - [立方体](/zh/examples/threed/bar/cube.md) - [圆柱](/zh/examples/threed/bar/cylinder.md) - [折线](/zh/examples/threed/line/polyline.md) - [螺旋线](/zh/examples/threed/line/spiral.md) - [相机动画](/zh/examples/threed/scatter/camera-animation.md) - [圆形](/zh/examples/threed/scatter/circle-shape.md) - [自定义图例](/zh/examples/threed/scatter/custom-legend.md) - [正交投影](/zh/examples/threed/scatter/orthographic-projection.md) - [透视投影](/zh/examples/threed/scatter/perspective-projection.md) - [球体](/zh/examples/threed/scatter/sphere-shape.md) - [正方形](/zh/examples/threed/scatter/square-shape.md) - [三角形](/zh/examples/threed/scatter/triangle-shape.md) - [狄利克雷分布](/zh/examples/threed/surface/dirichlet.md) - [三角函数](/zh/examples/threed/surface/trigonometric.md) - [二维](/zh/examples/unit/unit/2d.md) - [基础](/zh/examples/unit/unit/basic.md) - [嵌套](/zh/examples/unit/unit/nested.md) - [共享数据定义域](/zh/examples/unit/unit/share-data.md) - [共享尺寸定义域](/zh/examples/unit/unit/share-size.md)