Divooka 中的繪圖

Divooka 中的繪圖分為四個層次:
- 快速、高層、一步完成的繪圖
- 稍微高階一些、基於配置的標準圖表繪圖
- 定製程度各不相同的專用繪圖型別
- 除上述三種之外,還可以使用 Dhole 以文字形式編寫圖表和示意圖
目前 Divooka 還沒有提供讓你繪製完全自訂圖表的方式——如果有此需求,請考慮改用更底層的繪圖 API 和影像合成 API。
在本文中,我們將逐一介紹下面的每種型別;更多詳細資訊,請參閱 API 文件或特定庫的文件。
可用圖表彙總
(編寫中)
標準
| 圖表 | 位置 | 用途 | 配置 |
|---|---|---|---|
| Scatter Plot | Quick Plot | 散點圖或折線圖。 | 待補充 |
Dhole 圖表
下面每一項都是一段 Dhole 文字的第一個詞;各類別的頁面列出了它接受的所有詞。
| 圖表 | 第一個詞 | 頁面 |
|---|---|---|
| 流程圖 | flowchart |
流程圖 |
| 時序圖 | sequence |
時序圖 |
| 狀態圖 | state |
狀態圖 |
| 類圖 | class |
類圖 |
| 實體圖 | entity |
實體圖 |
| 思維導圖和組織結構圖 | mindmap |
思維導圖 |
| 時間線 | timeline |
時間線 |
| 甘特圖 | gantt |
甘特圖 |
| 餅圖、環形圖、柱狀圖、折線圖、散點圖和雷達圖 | pie, donut, bar, line, xy, radar |
圖表 |
| 象限圖 | quadrant |
象限圖 |
| 桑基圖 | sankey |
桑基圖 |
| 表格和看板 | table, kanban |
表格和看板 |
1. 高層快速繪圖
繪圖功能通常位於 Plotting > Quick Plot 工具箱中,額外的配置位於 Plotting Configurations 類別中。

要繪製某種圖表,請選擇對應圖表型別的節點,然後提供所需的參數。

2. 基於配置的標準圖表
這種方法所能繪製的圖表型別有限,並且在進行高階定製時可能會變得繁瑣。
支援的系列/物件:
1. Annotation
在圖表上建立一個註解文字可繪製物件(plottable)。

2. Arrow
建立一個具有指定起點和終點座標的箭頭可繪製物件。

3. Bars
根據位置和數值資料陣列建立一個柱狀圖可繪製物件。

4. Benchmark
建立一個顯示渲染效能指標的基準測試可繪製物件。

5. Boxes
根據統計資料陣列建立一個箱形圖可繪製物件。

6. Bracket
在兩點之間建立一個括號可繪製物件,可選新增標籤。

7. Callout
建立一個標註可繪製物件,包含文字和一個指向特定位置的箭頭。

8. Candlestick
根據 OHLC(開盤-最高-最低-收盤)價格資料建立一個 K 線圖可繪製物件。

9. Contour Lines
使用兩個陣列按指定的組合方法構成網格,建立一個等值線可繪製物件。

10. Coxcomb
根據數值列表建立一個南丁格爾玫瑰圖(極座標柱狀圖)可繪製物件,可選新增標籤。

11. Crosshair
在指定座標處建立一個十字準線可繪製物件,樣式可自訂。

12. Data Logger
根據 x 和 y 值陣列建立一個資料記錄器可繪製物件,樣式可自訂。

13. Ellipse
建立一個具有指定中心、半徑和樣式選項的橢圓可繪製物件。

14. Error Bar
建立一個具有指定 X、Y 值和誤差範圍的單個誤差線可繪製物件。

15. Error Bars
建立一個包含多條誤差線的可繪製物件,可選 X、Y 誤差範圍。

16. Fill Y
根據 x、上方 y 值和下方 y 值陣列建立一個在 Y 值之間填充的可繪製物件。

17. Financial Time Axis
建立一個金融時間軸可繪製物件,用於以適當的間距顯示連續的日期資料。

18. Function
在指定範圍內建立一個數學函式可繪製物件。

19. Heatmap
根據二維資料值陣列建立一個熱力圖可繪製物件。

20. Histogram Bars
根據數值陣列建立一個直方圖柱可繪製物件,並自動分箱。

21. Horizontal Line
在指定的 Y 座標處建立一個水平線可繪製物件。

22. Horizontal Span
在兩個 X 座標之間建立一個水平區間可繪製物件。

23. Image Marker & Image Rect
建立影像可繪製物件,在特定座標處或矩形區域內顯示影像。

24. Iso Lines
建立一個等值線(斜向參考線)可繪製物件,位置和外觀可自訂。

25. Line
在兩個 Vector2D 點之間建立一個直線可繪製物件。

26. Lollipop
根據 x 和 y 值陣列建立一個棒棒糖圖可繪製物件。

27. Marker
在指定座標處建立單個標記可繪製物件。

28. Markers
根據 x 和 y 座標陣列建立一個包含多個標記的可繪製物件。

29. OHLC
根據價格資料陣列建立一個 OHLC(開盤-最高-最低-收盤)可繪製物件。

30. Phasor
建立一個相量可繪製物件,顯示從原點指向極座標中各點的箭頭。

31. Pie
根據數值列表建立一個餅圖可繪製物件,可選新增標籤。

32. Polar Axis
建立一個極座標軸可繪製物件,其輻條和圓環可自訂,用於極座標繪圖。

33. Polygon
根據 x 和 y 座標陣列建立一個多邊形可繪製物件。

34. Population
建立一個總體分佈圖可繪製物件,顯示資料點的分佈,可選顯示統計資訊。

35. Radar
建立一個雷達圖可繪製物件,在極座標軸上顯示多個系列的數值。

36. Radial Gauge
建立一個徑向儀表圖,用多個儀表表示標量值。

37. Rectangle
建立一個具有指定座標和樣式的矩形可繪製物件。

38. Scale Bar
建立一個比例尺可繪製物件,用於在圖表上指示測量比例。

39. Scatter
根據 x 和 y 值陣列建立一個散點圖可繪製物件。

40. Signal
根據 x 和 y 值陣列建立一個可快速渲染的時間序列訊號可繪製物件。

41. Smith Chart Axis
建立一個史密斯圓圖座標軸可繪製物件,用於射頻和微波工程應用。

42. Text
在指定座標處建立一個文字標籤可繪製物件。

43. TIN Plot
建立一個 TIN(不規則三角網)可繪製物件,用於表示三維曲面。

44. Tooltip
建立一個工具提示可繪製物件,顯示文字以及一個指向特定位置的箭頭。

45. Triangular Axis
為三元圖建立一個三角座標軸,包含資料點,樣式可自訂。

46. Vector Field
建立一個向量場圖,在指定點處按給定的向量分量顯示箭頭。

47. Vertical Line
在指定的 X 座標處建立一個垂直線可繪製物件。

48. Vertical Span
在兩個 Y 座標之間建立一個垂直區間可繪製物件。

支援的配置元素:
- 圖表標題 -
WithTitle(string title) - X 軸標籤 -
WithXAxis(string xAxisLabel) - Y 軸標籤 -
WithYAxis(string yAxisLabel) - 浮動座標軸 - 支援自訂位置的座標軸

3. 專用圖表
這些圖表通常也通過 QuickPlot 提供。
- 二維碼(QR Code)
- 人口金字塔(Population Pyramid)
- 以及更多!
4. Dhole
Dhole 根據文字繪製圖表和示意圖:第一行指明要繪製什麼,後面的各行說明它要展示的內容。它的節點位於 Plotting 工具箱的 Dhole 類別中——Draw Dhole、Describe Dhole 和 Write Dhole。Draw Dhole 輸出的圖表與本頁其他圖表一樣,可以預覽、應用主題,並通過 Save Chart 儲存。
flowchart Making tea
Thirsty? [start] -> Boil the kettle -> Tea or coffee?
Tea or coffee? -> Steep the tea: tea
Tea or coffee? -> Brew the coffee: coffee
Steep the tea -> Enjoy [end, good]
Brew the coffee -> Enjoy

用一行三個短橫線可以在一段文字中放入多個圖表,它們會並排繪製:

教程從 Divooka Compute 中的一個示例開始。
參考
- 其他一些工具:Utilities
- RFC:RFC 025