繁體中文
English 简体中文 繁體中文
Methodox 首頁

Divooka 中的繪圖

繪圖示例

Divooka 中的繪圖分為四個層次:

  1. 快速、高層、一步完成的繪圖
  2. 稍微高階一些、基於配置的標準圖表繪圖
  3. 定製程度各不相同的專用繪圖型別
  4. 除上述三種之外,還可以使用 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)。

Annotation

2. Arrow

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

Arrow

3. Bars

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

Bars

4. Benchmark

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

Benchmark

5. Boxes

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

Boxes

6. Bracket

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

Bracket

7. Callout

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

Callout

8. Candlestick

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

Candlestick

9. Contour Lines

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

Contour Lines

10. Coxcomb

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

Coxcomb

11. Crosshair

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

Crosshair

12. Data Logger

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

Data Logger

13. Ellipse

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

Ellipse

14. Error Bar

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

Error Bar

15. Error Bars

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

Error Bars

16. Fill Y

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

Fill Y

17. Financial Time Axis

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

Financial Time Axis

18. Function

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

Function

19. Heatmap

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

Heatmap

20. Histogram Bars

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

Histogram Bars

21. Horizontal Line

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

Horizontal Line

22. Horizontal Span

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

Horizontal Span

23. Image Marker & Image Rect

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

Image Marker 和 Image Rect

24. Iso Lines

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

Iso Lines

25. Line

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

Line

26. Lollipop

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

Lollipop

27. Marker

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

Marker

28. Markers

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

Markers

29. OHLC

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

OHLC

30. Phasor

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

Phasor

31. Pie

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

Pie

32. Polar Axis

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

Polar Axis

33. Polygon

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

Polygon

34. Population

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

Population

35. Radar

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

Radar

36. Radial Gauge

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

Radial Gauge

37. Rectangle

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

Rectangle

38. Scale Bar

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

Scale Bar

39. Scatter

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

Scatter

40. Signal

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

Signal

41. Smith Chart Axis

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

Smith Chart Axis

42. Text

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

Text

43. TIN Plot

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

TIN Plot

44. Tooltip

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

Tooltip

45. Triangular Axis

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

Triangular Axis

46. Vector Field

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

Vector Field

47. Vertical Line

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

Vertical Line

48. Vertical Span

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

Vertical Span

支援的配置元素:

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

3. 專用圖表

這些圖表通常也通過 QuickPlot 提供。

  1. 二維碼(QR Code)
  2. 人口金字塔(Population Pyramid)
  3. 以及更多!

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

將上述文字繪製成的流程圖

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

由一段 Dhole 文字繪製的餅圖、柱狀圖、折線圖和散點圖

教程從 Divooka Compute 中的一個示例開始。

參考

  • 其他一些工具:Utilities
  • RFC:RFC 025