First published in the Language finch documentation
For the moment in this tutorial, I will focus on flowcharts, one because flowcharts are the most widely used; Second, because we only used flow charts;
Gg-editor exposes the Flow component, which is the flowchart component, as follows:
import { Flow } from 'gg-editor';
Copy the codeWhat are the properties
Instantly recognizable properties
Its APIS are:
| style | Inline style |
|---|---|
| className | The CSS class name |
| data | Flow chart data |
| graphConfig | Flowchart configuration Traceable to its source, it is actually inherited from @ANTV/G6 GraphOptions, so we follow the configuration item of G6. Configuration item Address:G6. Antv. Vision/useful/docs/API… |
| customModes | I’m not sure about that either |
Properties found after digging deeper
In addition to that,
The interface extends the GraphReactEventProps interface. The interface extends the GraphReactEventProps interface.
GraphReactEventProps again inherits from GraphReactEvent, which is a combination of events like GraphNodeEvent,
Joint type: ts.xcatliu.com/basics/unio…
Therefore, in addition to the above attributes, Flow also has numerous event attributes, such as:
Matters needing attention:
It is the canvas, and in the GG-Editor it needs to be set to a certain height.
Frequently asked Questions: www.yuque.com/blueju/gg-e…