视图功能设计 1 基础功能 1.1 视图字段管理 1.2 数据集字段管理 1.3 更换数据集 1.4 更改图表类型 1.5 视图下钻 1.6 重置 2 数据设置 2.1 可选维度列表 2.2 可选指标列表 2.3 维度选择 2.4 指标选择 2.5 结果过滤器 3 样式设置 3.1 图形属性 3.2 组件样式 4 高级设置 4...

简介 Slider 工作原理 如何使用 Slider 组件 引入 Slider 组件 创建 Slider 的 dom 容器 创建 Slider 组件对象并渲染 快速上手 简介 用于数据范围的选择插件，尤其适用于大数据量的图表绘制，帮助用户更好地关注某一范围的数据可视化结果。 如下图所示： Slider 工作原理 Slider 组件...

社区精选组件 推荐产品 ✨ 社区精选组件 antd 是 Ant Design 设计规范的 React 实现，所以我们倾向于只提供符合该规范、且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补： 类型 推荐组件 可视化图表 AntV 数据可视化解决方案 🔥 AntV 图表库 BizCh...

社区精选组件 推荐产品 ✨ 社区精选组件 antd 是基于 Ant Design 设计规范实现的 高质量 React 组件库 ，我们倾向于只提供符合该规范且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补。 类型 推荐组件 可视化图表 AntV 数据可视化解决方案 🔥 AntV 图表库...

社区精选组件 推荐产品 ✨ 社区精选组件 antd 是基于 Ant Design 设计规范实现的 高质量 React 组件库 ，我们倾向于只提供符合该规范且带有视觉展现的 UI 组件，也尽量不重复造轮子。我们推荐使用以下社区已有的优秀实现，与 antd 形成互补。 类型 推荐组件 可视化图表 AntV 数据可视化解决方案 🔥 AntV 图表库...

交互行为 自定义交互 Interaction 基类 支持的事件 公有属性 公有方法 例子 注册交互行为 使用交互行为 清除交互行为 交互行为 F2 3.2 提供一套交互行为的注册机制，达到通用交互行为的封装和复用。 一系列基础的事件组成一种具体的交互行为，同时交互行为也可提供配置化的反馈（结果）。在我们交互机制中，每一个交互行为...

Events 事件响应 事件的定义 支持的事件 事件的用法 Events 事件响应 事件的定义 我们在图上的交互行为，其实都会触发事件，比如窗口缩放时，Graphin 会自动更新画布的宽高。又比如画布缩放时，默认只保留 KeyShape。 我们可以通过 G6 的 API 来对事件进行监听。 支持的事件 graph 监听的名称是由 元...

图片图层 简介 使用 代码示例 图片图层 简介 将图片添加到地图上，需要指定图片的经纬度范围 使用 import { ImageLayer } from '@antv/l7' ; 代码示例 const layer = new ImageLayer ({}); layer . sou...

自定义 Label 简介 自定义 Label 自定义 Label 布局函数 自定义 Label 简介 Label 文本标签是对当前的一组数据进行的内容标注，针对不同的图表对应不同的 label 类型，虽然 G2 默认的 label 文本类型可以满足大部分的场景需求，但是总有一些特殊需求无法满足，所以 G2 提供了自定义 Label 以及自定...

数据可视化页 设计目标 设计原则 组织性 突出重点 信息准确 Do&Don’t 典型模板 概览 模板 - 指标大盘 模板 - 监控 分析 模板 - 多维分析 明细 模板 - 数据明细 设计建议 串联分析思路 卡片的组合方式 选择正确的可视化组件 选择正确的色板 延伸阅读 会用到哪些全局规则 会用到哪些模块或组件 ...