跳至內容

圓餅圖

圓餅圖(或稱圓形圖)是一種圓形的統計圖形,它被分成多個切片,以說明數值比例。在圓餅圖中,每個切片的弧長(以及因此它的中心角和面積)與它所代表的數量成比例。雖然它以其類似於被切片的餡餅而得名,但它的呈現方式也有多種變化。據認為最早的圓餅圖是 William Playfair 在 1801 年的《統計簡編》中所繪製的 - 維基百科

Mermaid 可以渲染圓餅圖。

語法

在 Mermaid 中繪製圓餅圖非常簡單。

  • pie 關鍵字開始圖表
    • 使用 showData 在圖例文字後渲染實際數據值。這是選用
  • 接著使用 title 關鍵字及其字串值,為圓餅圖提供標題。這是選用
  • 接著是資料集。圓餅圖切片將依標籤的順序以順時針方向排列。
    • 圓餅圖中的每個區塊的 label 都用 " " 引號括起來。
    • 接著用 : 冒號作為分隔符
    • 接著是 正數值(最多支援小數點後兩位)

[pie] [showData] (選用) [title] [titlevalue] (選用) "[datakey1]" : [dataValue1] "[datakey2]" : [dataValue2] "[datakey3]" : [dataValue3] . .

範例

設定

可能的圓餅圖設定參數

參數說明預設值
textPosition圓餅圖切片標籤的軸向位置,從中心的 0.0 到圓外緣的 1.0。0.75