考虑使用桑基图帮助可视化工作流程。
我见过用于描述工作流程的层次结构图(正如您在问题中所说明的那样),但始终认为它们缺少某些东西 - 例如,可以有两个父节点的节点。桑基图解决了这个问题,and提供了一种简单的方法来引入“节点”之间移动多少体积的概念。另外,根据定义,流程图是“一种表示工作流程或过程的图表”。桑基图看起来比层次结构图更加流畅。
欲了解更多信息,请查看David Pallmann 使用桑基图可视化工作流程的令人信服的案例.
我能够创建此工作流程可视化10分钟内分叉Highcharts 的 Sankey 演示并将系列数据定制为以下内容:
data: [
['Event Submission', 'Event Submission Close', 250],
['Event Submission', 'Create Incident', 750],
['Event Submission Close', 'Approve', 240],
['Event Submission Close', 'Reject', 10],
['Approve', 'After Action Review', 640],
['Create Incident', 'Contained', 400],
['Create Incident', 'Provide Analysis', 150],
['Create Incident', 'Incident Close', 125],
['Contained', 'Containment Approval', 370],
['Contained', 'Containment Rejection', 30],
['Incident Close', 'Approve', 110],
['Incident Close', 'Reject', 15],
['Containment Approval', 'Eradicated', 320],
['Containment Approval', 'Provide Analysis', 50],
['Eradicated', 'Eradication Approval', 315],
['Eradicated', 'Eradication Rejection', 5],
['Eradication Approval', 'Recovered', 315],
['Eradication Approval', 'Provide Analysis', 5],
['Recovered', 'Approve', 310],
['Recovered', 'Reject', 5]
]
因此,就您的情况而言,如果您能找到能够自动映射元素相互关联方式的东西,您只需将这些映射格式化为上述语法,Highcharts 将能够完成其余的工作!