diff --git a/src/public/app/widgets/mermaid.js b/src/public/app/widgets/mermaid.js
index c7d40488f..a05561ac0 100644
--- a/src/public/app/widgets/mermaid.js
+++ b/src/public/app/widgets/mermaid.js
@@ -1,3 +1,4 @@
+import { t } from "../services/i18n.js";
 import libraryLoader from "../services/library_loader.js";
 import NoteContextAwareWidget from "./note_context_aware_widget.js";
 import server from "../services/server.js";
@@ -27,7 +28,7 @@ const TPL = `<div class="mermaid-widget">
     </style>
 
     <div class="mermaid-error alert alert-warning">
-        <p><strong>The diagram could not be displayed. See <a href="https://mermaid-js.github.io/mermaid/#/flowchart?id=graph">help and examples</a>.</strong></p>
+        <p><strong>${t('mermaid.diagram_error')}</strong></p>
         <p class="error-content"></p>
     </div>
 
diff --git a/src/public/translations/cn/translation.json b/src/public/translations/cn/translation.json
index 892ac1c39..c6441410a 100644
--- a/src/public/translations/cn/translation.json
+++ b/src/public/translations/cn/translation.json
@@ -1343,5 +1343,8 @@
   "highlights_list_2": {
     "title": "高亮列表",
     "options": "选项"
+  },
+  "mermaid": {
+    "diagram_error": "图表无法显示。 请参考 <a href=\"https://mermaid-js.github.io/mermaid/#/flowchart?id=graph\">帮助文档和示例</a>。"
   }
 }
diff --git a/src/public/translations/en/translation.json b/src/public/translations/en/translation.json
index 9e2c4916b..0b477117c 100644
--- a/src/public/translations/en/translation.json
+++ b/src/public/translations/en/translation.json
@@ -1343,5 +1343,8 @@
   "highlights_list_2": {
     "title": "Highlights List",
     "options": "Options"
+  },
+  "mermaid": {
+    "diagram_error": "The diagram could not be displayed. See <a href=\"https://mermaid-js.github.io/mermaid/#/flowchart?id=graph\">help and examples</a>."
   }
 }