SuperAPI AI 工具集

apexsankey

数据与分析

查看项目

更新于 10-15 16:51

技能介绍

ApexSankey 技能用于构建 ApexSankey 流向图/Sankey 图,适用于创建、配置、渲染或排查桑基图与流程图。

用途:根据项目框架生成对应代码。若 package.json 中检测到 react、vue 或 @angular/core,应分别使用 react-apexsankey、vue-apexsankey 或 ngx-apexsankey,封装会自动处理 destroy()、响应式属性和框架事件;仅在无框架或用户明确要求原生时直接用核心 API。

主要能力:数据格式为 { nodes, edges, options }。nodes 含唯一 id、title 与可选 color;edges 含 source、target、value、type,端点必须引用存在的 node.id,value 必须大于 0,type 用于分组与提示框。核心用法:new ApexSankey(el, options) 构造,render(data) 绘制并返回 SankeyGraphRenderer(用于 exportToSvg()),销毁前调用 destroy()。支持手动分层,通过 options.order 指定层与节点顺序。

选项包括 width、height('auto' 约 1.6:1)、spacing、nodeWidth、edgeOpacity、edgeGradientFill、enableTooltip、enableToolbar、highlightConnectedPath、animation、tooltipTheme、onNodeClick、a11y 等。提示框分 edge 的 tooltipTemplate({source,target,value}) 与 node 的 nodeTooltipTemplate({node,value})。许可密钥用 ApexSankey.setLicense('KEY') 在启动时设置一次以去水印。

限制:不支持循环,重复 node.id、悬空边、非正 value 会被静默丢弃或产生零宽带;无增量 update() API,重绘需重新传入完整数据;React/Vue/Angular 卸载前须 destroy() 以免泄漏。