logoCreated with Sketch.

F6

  • 教程
  • API
  • 图表示例
  • 博客
  • 国内镜像
  • 所有产品antv logo arrow

    标准版基础产品

    • G2

      G2可视化引擎

      数据驱动,高度易用,可扩展的可视化图形语法。
      产品首页图表示例
    • S2

      S2表可视化分析引擎

      开箱即用的多维可视分析表格
      产品首页图表示例
    • G6

      G6图可视化引擎

      便捷的关系数据可视化引擎与图分析工具。
      产品首页图表示例
    • X6

      X6图编辑引擎

      极易定制、开箱即用、数据驱动的图编辑引擎
      产品首页图表示例
    • L7

      L7地理空间数据可视化

      高性能/高渲染质量的地理空间数据可视化框架。
      产品首页图表示例
    • G

      G可视化渲染引擎

      Web 端高性能渲染与计算引擎
      产品首页图表示例

    标准版扩展产品

    • G2Plot

      G2Plot开箱即用的图表库

      开箱即用、易于配置、极致体验的通用图表库。
      产品首页图表示例
    • Graphin

      Graphin

      基于 G6 封装的图分析应用组件。
      产品首页图表示例
    • XFlow

      XFlow图编辑应用级解决方案

      基于 X6 图编辑引擎、面向 React 用户的应用级解决方案。
      产品首页图表示例
    • L7Plot

      L7Plot地理可视化图表库

      易于配置、图表丰富、支持定制的地理图表
      产品首页图表示例
    • Ant Design Charts

      Ant Design Charts

      基于 G2Plot 实现的 React 可视化图表库
      产品首页
    • AVA

      AVA

      AVA 是为了更简便的可视分析而生的技术框架。
      产品首页图表示例
    • GraphInsight

      GraphInsight图可视分析研发与洞察平台

      帮助用户在线完成关系数据的可视化与洞察分析,同时可以一键导出代码,极大提高研发效率
      产品首页图表示例

    移动定制(F版)产品

    • F2

      F2移动可视化方案

      专注于移动端的可视化解决方案,兼容 H5/小程序/Weex 等多端环境
      产品首页图表示例
    • F6

      F6移动端图可视化引擎

      一款可以快速、流畅运行于移动设备中的图可视化引擎
      产品首页图表示例
    • F2Native

      F2Native移动可视化方案

      跨平台高性能的移动端可视化解决方案,满足你的各种图表需求。
      产品首页图表示例

    周边生态

    • ChartCube

      ChartCube图表魔方

      AntV 在线图表制作利器。
      产品首页图表示例
    • DipperMap

      DipperMap地图配置平台

      基于L7的地图可视化配置平台。
      产品首页在线配置
    • 墨者学院

      墨者学院

      数据可视化社团
      学院首页
    • BizCharts

      BizCharts

      基于商业场景下的数据可视化解决方案
      产品首页
  • 0.0.3
  • 树图
    • 紧凑树
    • 生态树
    • 脑图树
    • 缩进树
    • 辐射树
    • 定制树图元素样式
  • 动画
    • 节点动画
    • 边动画
    • 状态切换
    • 节点移动动画
    • 自定义动画
  • 一般图
    • 力导向图布局
    • Dagre 流程图布局
    • Fruchterman 图布局
    • Radial 辐射布局
    • Circular 环形布局
    • Grid 网格布局
    • Concentric 同心圆布局
    • MDS 布局
    • Arc Diagram 弧线图
    • Combo 力导布局
    • 布局机制
  • 元素
    • 内置节点
    • 内置边
    • 内置 Combo
    • 边的箭头
    • 自定义节点
    • 自定义边
    • 自定义 Combo
    • 超长文本
    • 设置文本背景
    • 两节点间存在多条边
  • 交互
    • 高亮相邻节点
    • 自定义树图交互
    • 改变标签或背景
    • 节点分组 Combo
    • 节点集轮廓包裹
    • 聚焦一个节点
    • 响应区域事件
    • 切换模式增加点和边
    • 自定义交互
    • 缩放画布时固定选中元素
    • 拖拽缩放画布时隐藏元素
    • 创建边
    • 选中
    • 节点分页器
    • 快捷键适应画布
  • 场景案例
    • 自定义树
      • 决策树
      • 知识图谱树图
    • 经典案例
      • 自定义流向图
      • 桑基图
      • 思维导图
      • 甜甜圈转账图
    • 新闻图可视化
      • 地铁线路图
    • 场景案例
  • 算法
    • 算法示例
何时使用

创建边

阅读时间约 1 分钟

支持使用内置交互 'create-edge',允许终端用户通过一些操作创建新到边。

何时使用

'create-edge' 允许配置交互方式为点击两个节点、从一个节点拖拽到另一个节点。更多内容请参考 create-edge。

上一篇
拖拽缩放画布时隐藏元素
下一篇
选中
  • 紧凑树
  • 生态树
  • 脑图树
  • 缩进树
  • 辐射树
  • 定制树图元素样式
  • 节点动画
  • 边动画
  • 状态切换
  • 节点移动动画
  • 自定义动画
  • 力导向图布局
  • Dagre 流程图布局
  • Fruchterman 图布局
  • Radial 辐射布局
  • Circular 环形布局
  • Grid 网格布局
  • Concentric 同心圆布局
  • MDS 布局
  • Arc Diagram 弧线图
  • Combo 力导布局
  • 布局机制
  • 内置节点
  • 内置边
  • 内置 Combo
  • 边的箭头
  • 自定义节点
  • 自定义边
  • 自定义 Combo
  • 超长文本
  • 设置文本背景
  • 两节点间存在多条边
  • 高亮相邻节点
  • 自定义树图交互
  • 改变标签或背景
  • 节点分组 Combo
  • 节点集轮廓包裹
  • 聚焦一个节点
  • 响应区域事件
  • 切换模式增加点和边
  • 自定义交互
  • 缩放画布时固定选中元素
  • 拖拽缩放画布时隐藏元素
  • 创建边
  • 选中
  • 节点分页器
  • 快捷键适应画布
  • 自定义树
    • 决策树
    • 知识图谱树图
  • 经典案例
    • 自定义流向图
    • 桑基图
    • 思维导图
    • 甜甜圈转账图
  • 新闻图可视化
    • 地铁线路图
  • 场景案例
  • 决策树
  • 知识图谱树图
  • 自定义流向图
  • 桑基图
  • 思维导图
  • 甜甜圈转账图
  • 地铁线路图
  • 决策树
  • 知识图谱树图
  • 自定义流向图
  • 桑基图
  • 思维导图
  • 甜甜圈转账图
  • 地铁线路图
  • 算法示例