当前位置:首页 > draw.io教程

使用 draw.io 扩展程序在 Notion 模板中添加图表

drawio3年前 (2023-02-02)draw.io教程9

使用我们的draw.io for Notion chrome 扩展程序,当您使用 Google Chrome 网络浏览器时,您可以轻松地将图表和图表编辑器直接嵌入到您的 Notion 页面和 Notion 模板中。

存储在 Notion 页面中的图表会保存为 SVG 图像文件,图表数据嵌入在文件本身中。这些图像使用 .svg 文件扩展名.drawio.svg

draw.io for Notion 扩展程序会自动更改图表的背景,以匹配用户 Notion 设置中设置的深色或浅色主题。

未使用Chrome浏览器?

如果您未使用 Chrome 浏览器和 draw.io for Notion 扩展程序,您仍然可以在页面上看到图表,它以浅色背景上的 SVG 图像形式呈现。

您也可以右键单击并下载图像文件,然后在draw.io 的在线版本中打开它们,因为图表数据就嵌入在 SVG 图像中。

您也可以将.drawio.svg图像文件嵌入到普通网页中。例如,下面的流程图是一个包含嵌入式图表数据的 SVG 文件——下载此图像文件并在 draw.io 编辑器中打开即可编辑图表。

注意:不同浏览器在保存图像文件时可能无法下载完整的图表数据。如果您在编辑器中无法将其作为图表打开,请尝试使用其他浏览器下载 SVG 图像文件。

复制带有图表的 Notion 模板

我们的示例可视化引导 Notion 模板(含图表)包含各种嵌入式图表。

要复制 Notion 模板,请点击右上角的 “复制” ,然后选择要将 Notion 页面存储到的位置。

这将复制所有内容,包括嵌入图表数据的 SVG 图像。

使用存储在 Notion 中的图表文件

  1. 首先,从 Chrome 网上应用商店安装draw.io for Notion 扩展程序。

  2. 将扩展程序固定到 Chrome 浏览器顶部,以便轻松访问。

在 Notion 页面或模板中添加图表

  • 要在 Notion 页面末尾添加新图表,请点击 draw.io for Notion 扩展,然后点击“插入图表”

  • 要在特定位置添加新图表,请点击链接(显示“点击此处”的地方),然后将下载的文件拖到 Notion 页面中的正确位置。

编辑图表:点击 Notion 页面中的图表,打开页面内图表编辑器。

简洁的白板式编辑器布局采用浮动面板,其中包含格式和样式工具、形状库、标签、图层等等。您可以将这些面板拖放到浏览器窗口周围的任意位置。

要让编辑器占据浏览器窗口的更多空间,请点击全屏图标。

移动图表:将图表组件拖动到新位置,就像拖动任何其他类型的 Notion 内容一样。

复制图表:将鼠标悬停在图表上,点击“更多操作” ,然后选择“复制”。这会在图表下方直接创建一个副本,就像在 Notion 中复制任何其他内容组件一样。

删除图表:将鼠标悬停在图表上,点击左上角的“更多操作” ,然后选择“删除”

将包含图表的 Notion 页面转换为模板

  1. 点击Notion 页面顶部的“分享”按钮。

  2. 启用“共享到网络”功能以生成可共享的链接。

  3. 如果看不到链接选项,请点击“显示链接选项”,并确保“允许重复作为模板”已启用。

现在,打开您的模板页面的 Notion 用户可以将该页面复制到他们自己的 Notion 空间中。