前言
流程圖是一種圖形化工具,主要用於表示完成一項任務的流程、工作流或具體方法。它透過箭頭連線各種符號來展示流程步驟,並且通常從一個明確的起始點出發,按照一定的順序和路徑進行展開。今天小編就以葡萄城公司的純前端表格控制元件——SpreadJS為例,為大家介紹如何設計一個流程圖。
環境準備
SpreadJS線上表格編輯器
操作步驟
1、開啟SpreadJS線上表格編輯器,新建一個工作簿。
2、點選【開始】,然後選擇【格式】,在格式下拉框中選擇【自動調整列寬】,將預設列寬設定為20。
3、點選選單【設定】,選擇【常規】,並將列數設定為200。
4、點選選單【插入】,選擇【形狀】,然後在形狀下拉框中選擇【圓角矩形】。
5、在形狀中,可以設定樣式,如顏色,線條樣式等,我們先建立一個流程圖中的開始節點,然後分別修改它的顏色、字型和文字。
- 設定顏色程式碼為61,113,250
- 設定字型加粗
- 設定文字居中
6、插入矩形後,接下來插入線條,點選【插入】,選擇【形狀】,然後在形狀下拉框中選擇【線條】。
然後調整箭頭的位置、顏色和粗細,如下所示:
7、最後調整箭頭的格式,實現效果如下圖所示:
總結
以上就是實現一個流程圖的全過程,如果您想了解更多資訊,歡迎點選這篇參考資料檢視。
擴充套件連結:
輕鬆構建低程式碼工作流程:簡化繁瑣任務的利器
最佳化預算管理流程:Web端實現預算編制的利器
如何在.NET電子表格應用程式中建立流程圖