# Mermaid 円グラフのチートシート

ラベルつきの値の一覧を、切り片で描いたもの。

## 基本的な書き方

1 行に 1 つの切り片。引用符つきのラベル、コロン、正の数です。0 や負の値だと図が失敗します。

```mermaid
pie
  "Dogs" : 386
  "Cats" : 85
  "Rats" : 15
```

![Dogs、Cats、Rats とラベルされた 3 つの切り片を持つ円グラフ。いちばん大きいものがほかの 2 つを大きく離しています。](/diagrams/pie/basic.svg)

## タイトルを足す

タイトルは pie キーワードと同じ行に書きます。

```mermaid
pie title Pets adopted by volunteers
  "Dogs" : 386
  "Cats" : 85
  "Rats" : 15
```

![同じ円グラフに、Pets adopted by volunteers というタイトルが上に付いています。](/diagrams/pie/title.svg)

## 数字を表示する

showData は凡例の各ラベルのとなりに値を出します。

```mermaid
pie showData
  title Market share
  "Product A" : 45
  "Product B" : 26
  "Product C" : 29
```

![3 つの製品名のとなりに 45、26、29 と表示された凡例を持つ円グラフ。](/diagrams/pie/show-data.svg)

## Mernyx で描いてみる

.mmd ファイルを開いて、キャンバスでノードを動かしてみてください。ソースコードもついてきます。macOS ネイティブで、ブラウザは介在しません。