Evilcharts
a day ago
- #React components
- #chart customization
- #data visualization
- 桑基图通过具有渐变颜色和发光效果的节点与链接来可视化流向数据。
- 该图表是一个可组合的复合组件，以<EvilSankeyChart />作为容器，并包含<Node />、<Link />和<Tooltip />作为子组件。
- 可以通过在<Node />上设置isClickable属性并使用onSelectionChange回调来启用交互式选择功能。
- 通过isLoading属性支持加载状态，该属性会显示占位符动画。
- 示例演示了链接变体、nodeWidth、nodePadding及其他属性的自定义方式。
- 可通过在<Node />内部使用<NodeLabel />来在节点上显示标签，并支持内部或外部放置选项。
- 链接变体包括"solid"（单色）和"source"（基于源节点着色）两种。
- 可通过在<Node />上使用glow属性并指定节点名称数组来添加发光节点效果。