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

时间:2018-06-13 09:04:26

标签: javascript raphael flowchart

我会从flowchart.js github issues交叉发布此内容以获得更多关注

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

实际图片

image 我正在使用相当多的并行任务,我注意到他们没有排成一行。

我的期望

右侧元素垂直对齐

详细信息

我拥有这些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

1 个答案:

答案 0 :(得分:0)

如果您看到以下拉取请求

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

以下是相同

的输出

Update flow chart