# Mermaid 坐标图速查表

两条轴上的折线图或柱状图。

## 折线

x 轴列出各个位置，数据是每个位置一个数字。

```mermaid
xychart
    x-axis [jan, feb, mar, apr]
    y-axis "Revenue" 0 --> 100
    line [10, 40, 60, 90]
```

![一张折线图，四个点，从 jan 到 apr，由 10 升到 90。](/diagrams/xychart/line.svg)

## 柱状

bar 把同样的数据画成柱状，而不是折线。

```mermaid
xychart
    x-axis [jan, feb, mar, apr]
    y-axis "Revenue" 0 --> 100
    bar [10, 40, 60, 90]
```

![一张柱状图，四根柱子，从 jan 到 apr，由 10 升到 90。](/diagrams/xychart/bar.svg)

## 两条系列和一个标题

折线和柱状可以共用一张图，标题单独占一行。

```mermaid
xychart
    title "Sales revenue"
    x-axis [jan, feb, mar, apr]
    y-axis "Revenue (in $)" 4000 --> 11000
    line [5000, 6000, 7500, 8200]
    bar [4000, 5500, 7000, 8100]
```

![一张标题为 Sales revenue 的图，四个月份上折线和柱状并排，两条都在上升，y 轴从 4000 到 11000。](/diagrams/xychart/title.svg)

## 给 x 轴命名

清单前面的标签给这条轴起名。

```mermaid
xychart
    x-axis "Month" [jan, feb, mar, apr]
    y-axis "Revenue" 0 --> 100
    line [10, 40, 60, 90]
```

![一张折线图，x 轴上方标着 Month，下面是 jan 到 apr，y 轴标着 Revenue，从 0 到 100。](/diagrams/xychart/axis-labels.svg)

## 在 Mernyx 里画出来

打开一个 .mmd 文件，在画布上挪一个节点，源码跟着走。macOS 原生，不经过浏览器。