Markdown 表格
Markdown 制作表格使用 | 来分隔不同的单元格,使用 - 来分隔表头和其他行。
语法格式如下:
| 表头 | 表头 |
| ---- | ---- |
| 单元格 | 单元格 |
| 单元格 | 单元格 |
以上代码显示结果如下:
对齐方式
我们可以设置表格的对齐方式:
- -: 设置内容和标题栏居右对齐。
- :- 设置内容和标题栏居左对齐。
- :-: 设置内容和标题栏居中对齐。
实例如下:
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
以上代码显示结果如下:
左对齐 |
右对齐 |
居中对齐 |
单元格 |
单元格 |
单元格 |
单元格 |
单元格 |
单元格 |
7. 支持图表
这个就需要添加obsidian第三方插件 echarts + Dataview 实现
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72
| { "backgroundColor": "#212121", "title": { "text": "「晚晴幽草轩」访问来源", "subtext": "2019 年 6 月份", "x": "center", "textStyle": { "color": "#f2f2f2" } }, "tooltip": { "trigger": "item", "formatter": "{a} <br/>{b} : {c} ({d}%)" }, "legend": { "orient": "vertical", "left": "left", "data": [ "搜索引擎", "直接访问", "推荐", "其他", "社交平台" ], "textStyle": { "color": "#f2f2f2" } }, "series": [ { "name": "访问来源", "type": "pie", "radius": "55%", "center": [ "50%", "60%" ], "data": [ { "value": 10440, "name": "搜索引擎", "itemStyle": { "color": "#ef4136" } }, { "value": 4770, "name": "直接访问" }, { "value": 2430, "name": "推荐" }, { "value": 342, "name": "其他" }, { "value": 18, "name": "社交平台" } ], "itemStyle": { "emphasis": { "shadowBlur": 10, "shadowOffsetX": 0, "shadowColor": "rgba(0, 0, 0, 0.5)" } } } ] }
|
这个就需要添加obsidian第三方插件 echarts + Dataview 实现
备注:上述 echarts 图表📈,其数据,须使用严格的 JSON 格式;您可使用 JSON.stringify(data),将对象传换从而得标准数据,即可正常使用。
这个就需要添加obsidian第三方插件 echarts + Dataview 实现