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