logoCreated with Sketch.

G6

  • Design System
  • GraphMarker
  • Manual
  • API
  • Examples
  • Blog
  • China Mirror
  • Productsantv logo arrow

    Standard basic products

      Standard extended products

        Mobile (F series) products

          Ecosystem

          • 4.6.4
          • Introduction
          • Getting Started
          • FAQ
            • Frequently asked questions
            • G6 3.3 Upgrade Guide
            • Error in Angular with G6
            • Error in Vite with G6
            • G6 3.3.x 版本 Rollup 集成错误
            • Building Error
            • Using G6 with IE
          • Tutorial
            • Preface
            • Render the Tutorial Demo
            • Configure the Items
            • Utilizing Layout
            • Interaction Behavior
            • Plugins and Tools
            • Animation*
            • Conclusion
          • Middle
            • Overview of Main Concepts
            • Graph
            • Graph Elements
              • Item Overview
              • Shape
                • Graphics Shape and KeyShape
                • Graphics Shape Properties
                • Graphics Group
                • Transform a Shape or a Graphics Group
              • Node
                • Overview of Nodes
                • Built-in Nodes
                  • Circle
                  • Rect
                  • Ellipse
                  • Diamond
                  • Triangle
                  • Star
                  • Image
                  • ModelRect
                  • Donut
                • Custom Node
                • AnchorPoint
                • Use JSX-like syntax to customize G6 nodes
                • How to custom node with React Component
              • Edge
                • Overview of Edges
                • Built-in Edges
                  • Line
                  • Polyline
                  • Quadratic
                  • Cubic
                  • Arc
                  • Loop
                • Arrow
                • Custom Edge
              • Combo
                • Overview of Combos
                • Built-in Combos
                  • Circle
                  • Rect
                • Custom Combo
              • Advanced Style
                • Set the background of the label on node or edge
                • Update Label
                • Gradient Color for Objects
                • Fill with Texture in G6
              • Advanced operation
                • Update Item Style
                • The Visual Level of Node and Edge
                • The Visibility
                • Multiple Edges between Two Nodes
                • Lock / Unlock Node
            • Graph Layouts
              • Graph Layout
              • TreeGraph Layout
              • Layout Transformation Mechanism
              • Sub-graph Layout
              • Sublayout Pipeline
              • Layout with Web-Worker
              • AI Layout Prediction
              • Custom Layout
            • Behavior & Event
              • Listener and Event
              • Built-in Behavior
              • Custom Behavior
              • Interaction Mode
              • State
            • Basic Animation
            • Component
              • Plugins
              • How to Auto Zoom Tooltip & ContextMenu When Zooming Graph
          • Further Reading
            • Coordinate Systems in G6
            • combo Theory
            • Take Use of State Mechanism
            • Using multiple modes
            • Utilizing Iconfont
            • G6 in React

          Frequently asked questions

          1 min read
          • Set the background of the label on node or edge
          • Update Item's Style
          • Update Label
          • Gradient Color for Objects in G6
          • Fill with Texture in G6
          • Render the Edge on the Top
          • Multiple Edges between Two Nodes
          • G6 in React
          • How to auto zoom Tooltip、ContextMenu when zoom canvas

          Resources

          Ant Design
          Ant Design Mobile
          Umi-React Application Framework
          Dumi-Component doc generator
          ahooks-React Hooks Library
          China Mirror

          Community

          Ant Financial Experience Tech
          seeconfSEE Conf-Experience Tech Conference

          Help

          GitHub
          StackOverflow

          more products更多产品

          Ant DesignAnt Design-企业级 UI 设计语言
          yuque语雀-知识创作与分享工具
          EggEgg-企业级 Node 开发框架
          kitchenKitchen-Sketch 工具集
          xtech蚂蚁体验科技
          About usOld site
          © 2022 Made with ❤ by XTech