❓ Charts 是什么?
Charts 是一个可以直接在 Obsidian 里绘制图表的插件。
举个例子:
如果你在记录体重、开支、灵感或任何数字类的内容,现在就可以清晰地把它们可视化。
📊 可以做哪些图表?
👉 图表类型(全部通过 Markdown 中的简单语法实现):
- 柱状图:适合分类数据,比如灵感、开支、项目
chart
type: bar
labels: [Monday, Tuesday, Wednesday, Thursday, Friday, Saturday, Sunday, "next Week", "next Month"]
series:
- title: Title 1
data: [1, 2, 3, 4, 5, 6, 7, 8, 9]
- title: Title 2
data: [5, 4, 3, 2, 1, 0, -1, -2, -3]
- 折线图:非常适合展示进度,比如运动、体重、学习
chart
type: line
labels: [Monday, Tuesday, Wednesday, Thursday, Friday]
series:
- title: Title 1
data: [1, 2, 3, 4, 5]
- title: Title 2
data: [5, 4, 3, 2, 1]
- title: Title 3
data: [8, 2, 5, -1, 4]
- 饼图:展示占比,比如你的时间花在了哪里
chart
type: pie
labels: [Monday, Tuesday, Wednesday, Thursday, Friday]
series:
- title: Title 1
data: [1, 2, 3, 4, 5]
- title: Title 2
data: [5, 4, 3, 2, 1]
width: 40%
labelColors: true
- 雷达图:适合按技能或生活领域进行自我评估
chart
type: radar
labels: [Monday, Tuesday, Wednesday, Thursday, Friday]
series:
- title: Title 1
data: [1, 2, 3, 4, 5]
- title: Title 2
data: [5, 4, 3, 2, 1]
width: 40%
📘 文档: phibr0 Charts 插件
🛠 安装
- 打开
设置→第三方插件 - 点击
浏览→ 搜索 Charts - 安装并启用
🧪 示例:各领域的灵感数量
chart
type: bar
labels: ["Marketplace", "EdTech", "No-code", "AI Tools"]
series:
- title: Ideas
data: [5, 8, 0, 10]
width: 80%
🔍 说明:
type: bar:图表类型,即柱状图labels::X 轴上的标签series::图表的标题和数值width::图表的宽度(可以用 %、px 等单位设置)
⚖ 真实场景示例:体重记录
你在笔记 Areas > Doing sport > Weight dynamics 中,按月份记录了一张体重表:
| 月份 | 体重 |
|---|---|
| 一月 | 70 |
| 二月 | 65 |
| 三月 | 68 |
| 四月 | 70 |
| 五月 | 71 |
在表格下方添加 ^weightTable | |
| 这叫做 ID——我们用它来告诉 Charts 插件,这个 ID 对应的是一张表格。 |
chart
type: line
id: weightTable
labelColumn: Month
valueColumn: Weight
width: 100%
tension: 0.4
beginAtZero: false
fill: false
smoothLines: true
📊 还可以做什么:
- 按月统计读过的书
- 订阅服务的支出
- 在不同项目上投入的时间
- 个人仪表盘:图表、笔记、追踪器,全部集中在一个页面
💬 小提示:不知道怎么正确写代码?
欢迎来我们的 Obsidian 交流群,或者让 ChatGPT 根据你的库的结构来帮忙。
继续看看?