XRING , Software Engineer

Table

2018.07.06

MarkEditor 不仅是更易于输入表格,还能自动生成线图、柱状图、饼图……

MarkEditor风格的表格语法

项目 价格 描述
尺子 ¥2 说明内容,也可为空
本子 ¥8 (描述偷懒不写完第三项也可以,不会破坏表格结构)
Tip ¥18 光标在表格区域时,右键点击,有更简单的“编辑表格”命令

第一行是表格的第一栏,每个项的文本中可以追加(-)(>)(<)来实现某列内的文本对齐,它们也分别等同于(center)(right)(left)

项目 价格 描述
尺子 ¥20 ?
本子 ¥8

自定义补全缺失的字符

项目 价格 描述
尺子 我是缺失的补全 我是缺失的补全
本子 我是缺失的补全 我是缺失的补全

表格会自动补全缺失的,这样一来,尺子本子价格描述就全部是我是缺失的补全了。

自动制图语法

MarkEditor 支持三种类型的制图,声明 table 的时候,后面加上 line、pie、bar三者之一即可。
比如下面的 Demo (具体效果,可以查看预览)

柱状图

最简单的一个图表:

也可以是横向的:


还可以是这种横纵两个维度的:

注意: 3季度上(3季度)3季度下(3季度)会自动实现归档,合并到同一个柱状图中。

线图

跟柱状图非常类似,只需要将上面柱状图的几个 demo,由table:bar改为table:line即可。

饼图

最简单的一个图表:

也可以是横向的:

自动归档:

Comments
Write a Comment