印象笔记 Markdown 绘制图表

本文最后更新于:2022年7月4日 上午

Markdown 是一种轻量级标记语言,一旦上手再也看不上其他文本编辑器,但是一般的 Markdown 编辑器目前均不支持绘制折线图,本文记录使用印象笔记在Markdown中绘制直线图等图表的方法。

印象笔记

印象笔记可以帮助你高效工作、学习与生活。支持多端同步。快速保存微信、微博、网页等内容,一站式完成信息的收集备份、高效记录、分享并云端保存。并有模板库、桌面便签、思维导图等功能等你发现。同时,在新一代编辑器内可以自由插入各类模块帮你高效专注记录一切。记录,就用印象笔记。

—— 印象笔记

  • 印象笔记功能强大,多设备、多平台文档、笔记云存储自动同步,此处仅对比 Markdown 编辑的功能来说
  • 相比于 Typora 等 Markdown 编辑器,印象笔记额外支持折线图、柱状图等图表功能,当前貌似仅有印象笔记有该功能,这也是本文介绍印象笔记的原因。

编辑 Markdown

  • 官网下载安装印象笔记

  • 打开印象笔记,新建Markdown 笔记

  • 随后可以在印象笔记中编辑 Markdown 文件

图表语法

  • 印象笔记图表支持 饼状图折线图柱状图条形图,只需将 type 改为对应的 pielinecolumnbar
  • 绘制出的图表可以互动,鼠标移入可以显示相关信息
  • 该语法对 回车敏感,注意修改图表代码时保持正确的回车间隔

饼状图

  • 示例代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
```chart
,预算,收入,花费,债务
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,


type: pie
title: 每月收益
x.title: Amount
y.title: Month
y.suffix: $
```

折线图

  • 示例代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

```chart
,预算,收入,花费,债务
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,


type: line
title: 每月收益
x.title: Amount
y.title: Month
y.suffix: $
```

柱状图

  • 示例代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
```chart
,预算,收入,花费,债务
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,


type: column
title: 每月收益
x.title: Amount
y.title: Month
y.suffix: $
```

条形图

  • 示例代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
```chart
,预算,收入,花费,债务
June,5000,8000,4000,6000
July,3000,1000,4000,3000
Aug,5000,7000,6000,3000
Sep,7000,2000,3000,1000
Oct,6000,5000,4000,2000
Nov,4000,3000,5000,


type: bar
title: 每月收益
x.title: Amount
y.title: Month
y.suffix: $
```

参考资料


印象笔记 Markdown 绘制图表
https://www.zywvvd.com/notes/tools/markdown/markdown-chart/markdown-chart/
作者
Yiwei Zhang
发布于
2022年4月7日
许可协议