---
title: "命令"
description: "对图表或流程图的每次更改都是一个命令。"
canonical_url: "https://tiptap.zhcndoc.com/diagrams/api-reference/commands"
---

# 命令

对图表或流程图的每次更改都是一个命令。

```ts
editor.commands.updateChartSpec({ spec: { type: 'area', stacked: true } })
editor.chain().focus().insertDiagramInput({ type: 'pie' }).run()
```

## 每个命令的行为方式

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

您永远不需要命令来读取图表或流程图。读取它们的函数位于 [`editor.storage.diagrams`](https://tiptap.zhcndoc.com/diagrams/api-reference/storage.md).

## 图表

| 命令                                                                                                          | 作用                           | 页面                                                                              |
| ----------------------------------------------------------------------------------------------------------- | ---------------------------- | ------------------------------------------------------------------------------- |
| [`insertChart`](https://tiptap.zhcndoc.com/diagrams/charts/overview.md#insertchart)                         | 从图表数据和图表规格插入图表               | [图表](https://tiptap.zhcndoc.com/diagrams/charts/overview.md)                    |
| [`insertChartFrom`](https://tiptap.zhcndoc.com/diagrams/charts/overview.md#insertchartfrom)                 | 插入以注册格式编写的图表                 | [图表](https://tiptap.zhcndoc.com/diagrams/charts/overview.md)                    |
| [`importMermaidChart`](https://tiptap.zhcndoc.com/diagrams/charts/overview.md#importmermaidchart)           | 插入来自 Mermaid 海图源的图表，例如 `pie` | [图表](https://tiptap.zhcndoc.com/diagrams/charts/overview.md)                    |
| [`insertFromText`](https://tiptap.zhcndoc.com/diagrams/data/pasting.md#insertfromtext)                      | 插入无论文本是什么，粘贴都会               | [粘贴](https://tiptap.zhcndoc.com/diagrams/data/pasting.md)                       |
| [`convertCodeBlockToChart`](https://tiptap.zhcndoc.com/diagrams/charts/overview.md#convertcodeblocktochart) | 用图表                          | 替换 Mermaid 图表源的代码块 [图表](https://tiptap.zhcndoc.com/diagrams/charts/overview.md) |
| [`insertDiagramInput`](https://tiptap.zhcndoc.com/diagrams/charts/overview.md#insertdiagraminput)           | 打开空的快速输入                     | [图表](https://tiptap.zhcndoc.com/diagrams/charts/overview.md)                    |
| [`updateChartSpec`](https://tiptap.zhcndoc.com/diagrams/charts/appearance.md#updatechartspec)               | 更改图表规格的字段                    | [外观](https://tiptap.zhcndoc.com/diagrams/charts/appearance.md)                  |
| [`setChartRenderer`](https://tiptap.zhcndoc.com/diagrams/charts/appearance.md#setchartrenderer)             | 选择一张图表的渲染器                   | [外观](https://tiptap.zhcndoc.com/diagrams/charts/appearance.md)                  |
| [`updateChartAxis`](https://tiptap.zhcndoc.com/diagrams/charts/axes.md#updatechartaxis)                     | 更改一个轴：标题、范围、线条、步骤、标签         | [Axes](https://tiptap.zhcndoc.com/diagrams/charts/axes.md)                      |
| [`applyChartLook`](https://tiptap.zhcndoc.com/diagrams/charts/looks.md#applychartlook)                      | 使图表具有另一个图表的外观                | [Looks](https://tiptap.zhcndoc.com/diagrams/charts/looks.md)                    |
| [`convertChartToImage`](https://tiptap.zhcndoc.com/diagrams/export.md#convertcharttoimage)                  | 用图表的图像替换图表                   | [导出](https://tiptap.zhcndoc.com/diagrams/export.md)                             |
| [`convertImageToChart`](https://tiptap.zhcndoc.com/diagrams/export.md#convertimagetochart)                  | 将此类图像转回图表                    | [导出](https://tiptap.zhcndoc.com/diagrams/export.md)                             |
| [`redrawChartImage`](https://tiptap.zhcndoc.com/diagrams/export.md#redrawchartimage)                        | 从保留的图表中再次绘制此类图像              | [导出](https://tiptap.zhcndoc.com/diagrams/export.md)                             |

## 数据

| 命令                                                                                                             | 作用                     | 页面                                                              |
| -------------------------------------------------------------------------------------------------------------- | ---------------------- | --------------------------------------------------------------- |
| [`updateChartData`](https://tiptap.zhcndoc.com/diagrams/data/overview.md#updatechartdata)                      | 替换图表数据                 | [数据](https://tiptap.zhcndoc.com/diagrams/data/overview.md)      |
| [`setChartLabelColumn`](https://tiptap.zhcndoc.com/diagrams/data/overview.md#setchartlabelcolumn)              | 选择命名行的列                | [数据](https://tiptap.zhcndoc.com/diagrams/data/overview.md)      |
| [`setChartSeriesIn`](https://tiptap.zhcndoc.com/diagrams/data/overview.md#setchartseriesin)                    | 交换所绘制内容的行和列            | [数据](https://tiptap.zhcndoc.com/diagrams/data/overview.md)      |
| [`updateChartFrom`](https://tiptap.zhcndoc.com/diagrams/data/overview.md#updatechartfrom)                      | 以某种格式替换文本中的数据和规格       | [数据](https://tiptap.zhcndoc.com/diagrams/data/overview.md)      |
| [`updateChartFromGrid`](https://tiptap.zhcndoc.com/diagrams/data/overview.md#updatechartfromgrid)              | 替换字符串网格中的数据            | [数据](https://tiptap.zhcndoc.com/diagrams/data/overview.md)      |
| [`updateChartFromTable`](https://tiptap.zhcndoc.com/diagrams/data/overview.md#updatechartfromtable)            | 替换表 JSON 中的数据          | [数据](https://tiptap.zhcndoc.com/diagrams/data/overview.md)      |
| [`confirmDiagramInput`](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md#confirmdiagraminput)           | 将打开的快速输入转换为图表          | [快速输入](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md) |
| [`setDiagramInputType`](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md#setdiagraminputtype)           | 设置打开快速输入的类型为           | [快速输入](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md) |
| [`setDiagramInputView`](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md#setdiagraminputview)           | 在文本和表格之间切换打开输入         | [快速输入](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md) |
| [`setDiagramInputDelimiter`](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md#setdiagraminputdelimiter) | 修复打开快速输入的分隔符           | \[快速输入]输入]\(/diagrams/data/quick-input)                         |
| [`editChartAsText`](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md#editchartastext)                   | 将图表变成其数据的快速输入          | [快速输入](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md) |
| [`editChartAsTable`](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md#editchartastable)                 | 在编辑时将图表转换为数据表          | [快速输入](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md) |
| [`editDiagramAsText`](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md#editdiagramastext)               | 将Mermaid 流程图转换为其源的快速输入 | [快速输入](https://tiptap.zhcndoc.com/diagrams/data/quick-input.md) |
| [`convertTableToChart`](https://tiptap.zhcndoc.com/diagrams/data/tables.md#converttabletochart)                | 用数据图表替换表格              | [表格](https://tiptap.zhcndoc.com/diagrams/data/tables.md)        |
| [`convertChartToTable`](https://tiptap.zhcndoc.com/diagrams/data/tables.md#convertcharttotable)                | 将图表替换为其数据表格            | [表格](https://tiptap.zhcndoc.com/diagrams/data/tables.md)        |
| [`insertLinkedChart`](https://tiptap.zhcndoc.com/diagrams/data/tables.md#insertlinkedchart)                    | 在表格后面插入图表              | [表格](https://tiptap.zhcndoc.com/diagrams/data/tables.md)        |
| [`updateLinkedTable`](https://tiptap.zhcndoc.com/diagrams/data/tables.md#updatelinkedtable)                    | 更改图表或流程图读取其表格的方式       | [表格](https://tiptap.zhcndoc.com/diagrams/data/tables.md)        |
| [`setChartLayout`](https://tiptap.zhcndoc.com/diagrams/data/tables.md#setchartlayout)                          | 在文档中显示图表、其表格或两者        | [表格](https://tiptap.zhcndoc.com/diagrams/data/tables.md)        |
| [`linkChartToTable`](https://tiptap.zhcndoc.com/diagrams/data/tables.md#linkcharttotable)                      | 使图表跟随表格中的任意位置文档        | [表格](https://tiptap.zhcndoc.com/diagrams/data/tables.md)        |
| [`linkChartSource`](https://tiptap.zhcndoc.com/diagrams/data/sources.md#linkchartsource)                       | 将图表链接到数据源              | [数据源](https://tiptap.zhcndoc.com/diagrams/data/sources.md)      |
| [`syncChartData`](https://tiptap.zhcndoc.com/diagrams/data/sources.md#syncchartdata)                           | 将数据源中的新数据写入图表中         | [数据源](https://tiptap.zhcndoc.com/diagrams/data/sources.md)      |
| [`detachChartSource`](https://tiptap.zhcndoc.com/diagrams/data/sources.md#detachchartsource)                   | 停止以下操作源，保留快照           | [数据源](https://tiptap.zhcndoc.com/diagrams/data/sources.md)      |
| [`relinkChartSource`](https://tiptap.zhcndoc.com/diagrams/data/sources.md#relinkchartsource)                   | 再次遵循源                  | [数据源](https://tiptap.zhcndoc.com/diagrams/data/sources.md)      |

## 流程图命令

| 命令                                                                                                                     | 作用                                | 页面                                                                                   |
| ---------------------------------------------------------------------------------------------------------------------- | --------------------------------- | ------------------------------------------------------------------------------------ |
| [`insertFlowDiagram`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/overview.md#insertflowdiagram)                 | 插入来自 Mermaid、draw\.io 或 BPMN 源的图表 | [图表](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/overview.md)                  |
| [`updateFlowDiagram`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/overview.md#updateflowdiagram)                 | 更改源、格式、标题或描述                      | [图表](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/overview.md)                  |
| [`setFlowDiagramView`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/overview.md#setflowdiagramview)               | 显示绘制的图表或其源文本                      | [图表](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/overview.md)                  |
| [`convertCodeBlockToDiagram`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/overview.md#convertcodeblocktodiagram) | 用图表                               | 替换 Mermaid 源代码的代码块[图](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/overview.md) |
| [`insertDiagramFromTable`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/from-table.md#insertdiagramfromtable)     | 插入从表中绘制的流程图                       | [从表中](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/from-table.md)               |
| [`linkDiagramToTable`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/from-table.md#linkdiagramtotable)             | 从表格绘制图表并遵循它                       | [从表格](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/from-table.md)               |
| [`detachDiagramFromTable`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/from-table.md#detachdiagramfromtable)     | 停止遵循表格                            | [从表格table](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/from-table.md)          |
| [`renameDiagramLane`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/from-table.md#renamediagramlane)               | 重命名表中每一行中的泳道                      | [来自表](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/from-table.md)               |
| [`setDiagramNodePosition`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/editing.md#setdiagramnodeposition)        | 移动流程图的形状                          | [编辑](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/editing.md)                   |
| [`resetDiagramPositions`](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/editing.md#resetdiagrampositions)          | 将每个移动的形状放回去                       | [编辑](https://tiptap.zhcndoc.com/diagrams/flow-diagrams/editing.md)                   |

## 图表和流程图

| 命令                                                                                               | 作用            | 页面                                                                   |
| ------------------------------------------------------------------------------------------------ | ------------- | -------------------------------------------------------------------- |
| [`setDiagramSize`](https://tiptap.zhcndoc.com/diagrams/guides/size-and-view.md#setdiagramsize)   | 为图表或流程图指定尺寸   | [尺寸和视图](https://tiptap.zhcndoc.com/diagrams/guides/size-and-view.md) |
| [`setDiagramAlign`](https://tiptap.zhcndoc.com/diagrams/guides/size-and-view.md#setdiagramalign) | 将其放置在左侧、居中或右侧 | [尺寸和视图](https://tiptap.zhcndoc.com/diagrams/guides/size-and-view.md) |
| [`updateFromText`](https://tiptap.zhcndoc.com/diagrams/guides/split-view.md#updatefromtext)      | 更改图表或流程图的文本   | [图片旁边的文本](https://tiptap.zhcndoc.com/diagrams/guides/split-view.md)  |