跳到正文
Mernyx
打开菜单

Mermaid 坐标图速查表

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

这个页面上的每一张图都由Mernyx——macOS 上的原生 Mermaid 编辑器绘制。不是浏览器里跑的 Mermaid.js,而是 App 画布用的同一个渲染器。

折线

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

xychart
    x-axis [jan, feb, mar, apr]
    y-axis "Revenue" 0 --> 100
    line [10, 40, 60, 90]
一张折线图,四个点,从 jan 到 apr,由 10 升到 90。放大图表

柱状

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

xychart
    x-axis [jan, feb, mar, apr]
    y-axis "Revenue" 0 --> 100
    bar [10, 40, 60, 90]
一张柱状图,四根柱子,从 jan 到 apr,由 10 升到 90。放大图表

两条系列和一个标题

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

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。放大图表

给 x 轴命名

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

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。放大图表

在 Mernyx 里画出来

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

图表预览