2 套用于 obsidian 的生成时间占用饼图脚本示例，基于 templater， charts，echarts+dataview

基于 templater， charts， echarts+dataviewjs，依赖以下插件：

日常你在使用的时候可以结合 templater 快速生成，效果如下：

搭配 charts 插件：

搭配 echarts+dataviewjs 插件：

方案1（charts）：

  • 优点：简单

  • 缺点：无法在饼图中显示占用百分比

静态效果图：

方案2（echart+dataviewjs）：

  • 优点：自定义程度高，可以在饼图中直接显示百分比，且带有交互：

  • 缺点：依赖2个插件：echarts+dataview

静态效果图：

脚本如下，你可以根据自己的分类调整脚本：

注意事项：

1.因 markdown 渲染器无法转义，直接以贴图形式说明
2.本文使用 templater 来动态生成渲染脚本，文章内容结构如下，你可以根据自己需要调整：

方案一：

调整 timeExtractArray 变量和 chart 中的 labels 即可，两者顺序和数量保持一致。


方案二（echarts+dataviewjs）：

调整 timeExtractArray 变量和 chart 中的 data 即可，两者顺序和数量保持一直