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

Question

我在flowchart.js github 问题上发布了这篇文章，以获得更多的关注。

下面发布的图片是由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

下面是相同的输出

​

​