如何可视化工作流？
我使用的是windows workflow foundation版本4。我想问一下，是否有任何方法可以使用html5和js在网站上简单地显示/可视化工作流实例。我不想使用重新托管设计器。我发现了WorkflowInspectionServices类，但老实说，从中提取工作流图结构并不容易(不同的处理并行活动或流程图)。工作流跟踪系统是发现工作流实例状态/进度的唯一方法吗？
有没有人尝试过类似的东西？任何想法都会很有帮助。
回答 2
Stack Overflow用户
发布于 2012-08-09 03:06:42
WorkflowDesigner是一个WPF组件，所以不能很好地处理超文本标记语言，但我想这并不是很重要，尽管你可以用它来生成一个工作流的图像并在浏览器中显示出来。我不知道有什么查看器可以将工作流定义转换为HTML结构。XAML就是XML，所以这肯定是可能的，但我怀疑这是一个简单的练习，因为您必须至少复制所有活动设计器的一部分。
Stack Overflow用户
发布于 2020-03-31 23:55:54
考虑使用a Sankey Diagram来帮助可视化工作流。
我见过用于描述工作流的层次结构图，但总是认为它们遗漏了一些东西--例如，可以有两个父节点的节点。Sankey图解决了这个问题，并提供了一种简单的方法来引入“节点”之间有多少体积移动的概念。另外，根据定义，a flowchart is "a type of diagram that represents a workflow or process"。Sankey图看起来更像是流动的，而不是层次结构图。
有关更多信息，请查看David Pallmann's convincing case for using Sankey diagrams to visualize workflow。
通过派生the Highcharts's Sankey demo并将序列数据自定义为以下内容，我能够在10分钟内创建this workflow visualization：
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]
]https://stackoverflow.com/questions/11861585
复制相似问题
腾讯云开发者
