印象笔记 Markdown 绘制图表

2022-08-09 16:00:13 浏览数 (1)

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

印象笔记

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

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

编辑 Markdown

  • 官网下载安装印象笔记
  • 打开印象笔记,新建Markdown 笔记
  • 随后可以在印象笔记中编辑 Markdown 文件

图表语法

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

折线图
  • 示例代码
代码语言:javascript复制

```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: $
```

柱状图
  • 示例代码
代码语言:javascript复制
```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: $
```

条形图
  • 示例代码
代码语言:javascript复制
```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: $
```

参考资料

  • https://blog.csdn.net/weixin_39809584/article/details/110838862
  • https://list.yinxiang.com/markdown/eef42447-db3f-48ee-827b-1bb34c03eb83.php

0 人点赞