Custom ECharts Relation Graph Generator
Language Switcher
简体中文
English
1. Input Relationship Data
-
Format: Source -> Target: Description (one per line, use \n for newlines in description)
节点A -> 节点B: 关系描述1\n这是第一种关系\n补充说明 节点B -> 节点C: 关系描述2\n另一种交互方式 Node A -> Node B: Relationship Description 1\n This is the first relationship\n Supplementary Note Node B -> Node C: Relationship Description 2\n another type of interaction
2. Node Color Settings
+
✅ Successfully identified and configured 6 nodes.
🔍 Parse Nodes & Generate Color Settings
节点A
节点B
节点C
Node A
Node B
Node C
3. Chart Title Settings
+
Chart Main Title:
4. Global Chart Settings
+
Chart Background Color:
Node Repulsion (larger = more spread out):
Edge Minimum Length:
Edge Maximum Length:
5. Node Style Settings
+
Node Size:
Node Label Color:
Node Label Font Size (px):
6. Edge (Link) Settings
+
Link Color:
Link Width (px):
Link Curveness (0-1):
Show Edge Labels (Relationship Description)
Edge Label Font Size (px):
Edge Label Color:
Edge Label Background Color (auto-adjusts transparency):
🎨 Generate / Update Chart
Send me a cup of coffee?