logoCreated with Sketch.

F6

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

    标准版基础产品

      标准版扩展产品

        移动定制(F版)产品

          周边生态

          • 0.0.3
          • 简介
          • 快速上手
          • FAQ
            • 常见使用问题汇总
          • 入门教程
            • 导读
            • 小程序
              • 前言
              • 绘制 Tutorial 案例
              • 元素及其配置
              • 使用图布局 Layout
              • 图的交互 Behavior
              • 动画(选读)
              • 结语
              • 微信中使用F6
            • 移动端H5
              • H5应用中使用F6
            • Native
              • 原生应用中使用F6
          • 核心概念
            • F6 核心概念总览
            • Graph 图
            • 图元素:节点/边/Combo
              • 图元素总览
              • 图形 Shape(选读)
                • 图形 Shape 与 keyShape
                • 图形 Shape 及其属性
                • 图形分组 Group
                • 图形或图形分组的变换
              • 节点
                • 节点总览
                • 内置节点类型
                  • Circle
                  • Rect
                  • Ellipse
                  • Diamond
                  • Triangle
                  • Star
                  • Image
                  • ModelRect
                  • Donut
                • 自定义节点
                • 节点的连接点 anchorPoint
                • 使用类 JSX 语法定义 F6 节点
              • 边
                • 边总览
                • 内置边类型
                  • Line
                  • Polyline
                  • Quadratic
                  • Cubic
                  • Arc
                  • Loop
                • 箭头
                • 自定义边
              • Combo
                • Combo 总览
                • 内置 Combo
                  • Circle
                  • Rect
                • 自定义 Combo
              • 高级样式
                • 设置节点或边的背景
                • 更新文本样式
                • 设置渐变色
                • 设置纹理
              • 高级操作
                • 更新节点或边的样式
                • 节点与边的层级
                • 显示与隐藏
                • 两节点间存在多条边
                • 锁定/解锁节点
            • 图布局
              • 一般图布局 Layout
              • 树图布局 Layout
              • 布局的切换机制
              • 子图布局
              • 流水线子图布局
              • 使用 webworker 布局
              • F6 智能布局预测
              • 自定义布局 Layout
            • 交互与事件
              • 监听和绑定事件
              • 内置的 Behavior
              • 自定义交互 Behavior
              • 交互模式 Mode
              • 状态 State
            • 基础动画
            • 分析组件
              • 使用组件
          • 拓展阅读
            • F6 坐标系深度解析
            • Combo 实现原理
            • F6 状态管理的最佳实践
            • 使用多种交互模式
            • 使用 Iconfont

          常见使用问题汇总

          阅读时间约 1 分钟
          • 如何设置节点或边的背景
          • 如何更新节点或边的样式
          • 如何更新文本样式
          • 如何给元素设置渐变色
          • 如何给元素设置纹理
          • 如何设置 Edge 前置
          • 两点之间存在多条边

          Resources

          Ant Design
          Ant Design Mobile
          Umi-React 应用开发框架
          Dumi-组件/文档研发工具
          ahooks-React Hooks 库
          国内镜像

          社区

          体验科技专栏
          seeconfSEE Conf-蚂蚁体验科技大会

          帮助

          GitHub
          StackOverflow

          more products更多产品

          Ant DesignAnt Design-企业级 UI 设计语言
          yuque语雀-知识创作与分享工具
          EggEgg-企业级 Node 开发框架
          kitchenKitchen-Sketch 工具集
          xtech蚂蚁体验科技
          关于我们返回旧版
          © 2021 Made with ❤ by XTech