命令

对图表或流程图的每次更改都是一个命令。每个主题都在其主题页面上进行了完整描述。
editor.commands.updateChartSpec({ spec: { type: 'area', stacked: true } })
editor.chain().focus().insertDiagramInput({ type: 'pie' }).run()

每个命令的行为方式

采用 pos 的命令作用于图表或流程图的该位置。如果没有 pos,则作用于所选的一个。当没有任何操作时,它返回 false 并且不进行任何更改。

您永远不需要命令来读取图表或流程图。读取它们的函数位于 editor.storage.diagrams.

图表

命令作用页面
insertChart从图表数据和图表规格插入图表图表
insertChartFrom插入以注册格式编写的图表图表
importMermaidChart插入来自 Mermaid 海图源的图表,例如 pie图表
insertFromText插入无论文本是什么,粘贴都会粘贴
convertCodeBlockToChart用图表替换 Mermaid 图表源的代码块 图表
insertDiagramInput打开空的快速输入图表
updateChartSpec更改图表规格的字段外观
setChartRenderer选择一张图表的渲染器外观
updateChartAxis更改一个轴:标题、范围、线条、步骤、标签Axes
applyChartLook使图表具有另一个图表的外观Looks
convertChartToImage用图表的图像替换图表导出
convertImageToChart将此类图像转回图表导出
redrawChartImage从保留的图表中再次绘制此类图像导出

数据

命令作用页面
updateChartData替换图表数据数据
setChartLabelColumn选择命名行的列数据
setChartSeriesIn交换所绘制内容的行和列数据
updateChartFrom以某种格式替换文本中的数据和规格数据
updateChartFromGrid替换字符串网格中的数据数据
updateChartFromTable替换表 JSON 中的数据数据
confirmDiagramInput将打开的快速输入转换为图表快速输入
setDiagramInputType设置打开快速输入的类型为快速输入
setDiagramInputView在文本和表格之间切换打开输入快速输入
setDiagramInputDelimiter修复打开快速输入的分隔符[快速输入]输入](/diagrams/data/quick-input)
editChartAsText将图表变成其数据的快速输入快速输入
editChartAsTable在编辑时将图表转换为数据表快速输入
editDiagramAsText将Mermaid 流程图转换为其源的快速输入快速输入
convertTableToChart用数据图表替换表格表格
convertChartToTable将图表替换为其数据表格表格
insertLinkedChart在表格后面插入图表表格
updateLinkedTable更改图表或流程图读取其表格的方式表格
setChartLayout在文档中显示图表、其表格或两者表格
linkChartToTable使图表跟随表格中的任意位置文档表格
linkChartSource将图表链接到数据源数据源
syncChartData将数据源中的新数据写入图表中数据源
detachChartSource停止以下操作源,保留快照数据源
relinkChartSource再次遵循源数据源

流程图命令

命令作用页面
insertFlowDiagram插入来自 Mermaid、draw.io 或 BPMN 源的图表图表
updateFlowDiagram更改源、格式、标题或描述图表
setFlowDiagramView显示绘制的图表或其源文本图表
convertCodeBlockToDiagram用图表替换 Mermaid 源代码的代码块图
insertDiagramFromTable插入从表中绘制的流程图从表中
linkDiagramToTable从表格绘制图表并遵循它从表格
detachDiagramFromTable停止遵循表格从表格table
renameDiagramLane重命名表中每一行中的泳道来自表
setDiagramNodePosition移动流程图的形状编辑
resetDiagramPositions将每个移动的形状放回去编辑

图表和流程图

命令作用页面
setDiagramSize为图表或流程图指定尺寸尺寸和视图
setDiagramAlign将其放置在左侧、居中或右侧尺寸和视图
updateFromText更改图表或流程图的文本图片旁边的文本