如何在 flowchart.js 中的并行任务右侧排列任务？

Question

我从 flowchart.js github issues 交叉发布此内容以引起更多关注

下面发布的图片是由 flowchart.js 实际生成的。

实际图像

我正在使用相当多的并行任务，但我注意到它们并没有排列在一起。

如我所料

右侧元素垂直对齐

详情

我拥有这些 IO 或子例程的目的是因为它们进一步详细说明了各个进程中发生的事情。

我是否正确使用并行任务？有没有办法让右边的并行任务对齐？

我编写的用于生成实际图像的代码

        st=>start
        e=>end
        vendor_submit=>parallel: Vendor Submit Files
        files=>inputoutput: 1 Excel per quotation
        1 PDF per quotation
        1 Excel as summary
        identify_type=>operation: PSS1 identify ASP/3PP/RES 
        check_completeness=>parallel: PSS1 check for completeness
        data_submitted=>inputoutput: quote no.
        quote value
        project
        enter_quotation_data=>parallel: PSS1 enter quotation data
        and assign PSS2
        notify_vendor=>subroutine: email notification to vendor
        breakdown_persite=>parallel: PSS2 breakdown per site
        breakdown_data_submitted=>inputoutput: Quotation Excel
        Quotation PDF
        Summary Excel

        st->vendor_submit
        vendor_submit(path1, right)->files
        vendor_submit(path2, bottom)->identify_type
        identify_type->check_completeness
        check_completeness(path1, right)->data_submitted
        check_completeness(path2, bottom)->enter_quotation_data
        enter_quotation_data(path1, right)->notify_vendor
        enter_quotation_data(path2, bottom)->breakdown_persite
        breakdown_persite(path1, right)->breakdown_data_submitted
        breakdown_persite(path2, bottom)->e

Answer 1

如果您看到下面的拉取请求

https://github.com/adrai/flowchart.js/issues/115

你需要的是align-next=no。下面是更新后的图表代码

st=>start
e=>end
vendor_submit(align-next=no)=>parallel: Vendor Submit Files
files=>inputoutput: 1 Excel per quotation
1 PDF per quotation
1 Excel as summary
identify_type=>operation: PSS1 identify ASP/3PP/RES 
check_completeness(align-next=no)=>parallel: PSS1 check for completeness
data_submitted=>inputoutput: quote no.
quote value
project
enter_quotation_data(align-next=no)=>parallel: PSS1 enter quotation data
and assign PSS2
notify_vendor=>subroutine: email notification to vendor
breakdown_persite(align-next=no)=>parallel: PSS2 breakdown per site
breakdown_data_submitted=>inputoutput: Quotation Excel
Quotation PDF
Summary Excel

st->vendor_submit
vendor_submit(path1, right)->files
vendor_submit(path2, bottom)->identify_type
identify_type->check_completeness
check_completeness(path1, right)->data_submitted
check_completeness(path2, bottom)->enter_quotation_data
enter_quotation_data(path1, right)->notify_vendor
enter_quotation_data(path2, bottom)->breakdown_persite
breakdown_persite(path1, right)->breakdown_data_submitted
breakdown_persite(path2, bottom)->e

下面是相同的输出

如何在 flowchart.js 中的并行任务右侧排列任务？

How do I line up the tasks on the right side of parallel tasks in flowchart.js?

javascript

raphael

flowchart

实际图像

如我所料

详情