From 33a1285afbcabd59fbf486b1f8e233103e422f82 Mon Sep 17 00:00:00 2001
From: Cmochance <3216202644@qq.com>
Date: Sun, 21 Jun 2026 14:20:07 +0800
Subject: [PATCH] =?UTF-8?q?i18n(chart-editor):=20ChartEditor=20=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=E6=96=87=E6=A1=88=E6=8E=A5=E5=85=A5=20i18n(=E6=B6=88?=
 =?UTF-8?q?=E9=99=A4=E4=B8=AD=E8=8B=B1=E6=B7=B7=E6=8E=92)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- ChartEditor 的图表类型 / 区块标题 / 字段标签 / 按钮 / 状态 / 矩阵工具栏等全部走 t();
  字体名、matplotlib 图例位置、Colormap、DPI 等技术标识符保留不译
- i18n 字典新增 ce.* 中英键;RunView 的「图表微调」入口按钮统一用 t("ce.launch")
---
 src/components/ChartEditor.tsx | 172 +++++++++++++--------------------
 src/components/RunView.tsx     |   2 +-
 src/i18n.tsx                   |  92 ++++++++++++++++++
 3 files changed, 161 insertions(+), 105 deletions(-)

diff --git a/src/components/ChartEditor.tsx b/src/components/ChartEditor.tsx
index 27f4505..472606c 100644
--- a/src/components/ChartEditor.tsx
+++ b/src/components/ChartEditor.tsx
@@ -2,16 +2,18 @@ import { useEffect, useRef, useState, type ReactNode } from "react";
 import { previewPlot, toDataUrl, COLOR_PRESETS } from "../api/plotApi";
 import type { PlotSpec, PlotStyle, PlotData, PlotSeries, PlotGrid } from "../types/plot";
 import { CMAP_PRESETS } from "../types/plot";
+import { useI18n } from "../i18n";
 
+// chart_type 值 → i18n key(值发给后端,标签随界面语言)
 const CHART_TYPES = [
-  { value: "line", label: "折线图 Line" },
-  { value: "bar", label: "柱状图 Bar" },
-  { value: "heatmap", label: "热图 Heatmap" },
-  { value: "line_dual_y", label: "双 Y 轴 Dual-Y" },
+  { value: "line", key: "ce.typeLine" },
+  { value: "bar", key: "ce.typeBar" },
+  { value: "heatmap", key: "ce.typeHeatmap" },
+  { value: "line_dual_y", key: "ce.typeDualY" },
 ];
 
+// 字体名 / matplotlib 图例位置是技术标识符,保留不译
 const FONTS = ["serif", "sans-serif", "Arial", "Times New Roman", "DejaVu Serif", "DejaVu Sans", "SimSun"];
-
 const LEGEND_LOCS = ["best", "upper right", "upper left", "lower right", "lower left", "center"];
 
 interface Props {
@@ -20,8 +22,6 @@ interface Props {
   onBack: () => void;
 }
 
-// ── 小工具组件 ──
-
 function Section({ title, children }: { title: string; children: ReactNode }) {
   return (
     <details className="ce-section" open>
@@ -45,13 +45,7 @@ function ColorPicker({ value, onChange }: { value: string; onChange: (v: string)
     <div className="ce-color">
       <div className="ce-swatches">
         {COLOR_PRESETS.map((c) => (
-          <button
-            key={c}
-            type="button"
-            className={"ce-swatch" + (value === c ? " on" : "")}
-            style={{ background: c }}
-            onClick={() => onChange(c)}
-          />
+          <button key={c} type="button" className={"ce-swatch" + (value === c ? " on" : "")} style={{ background: c }} onClick={() => onChange(c)} />
         ))}
       </div>
       <input type="color" value={value} onChange={(e) => onChange(e.target.value)} className="ce-color-input" />
@@ -60,29 +54,26 @@ function ColorPicker({ value, onChange }: { value: string; onChange: (v: string)
   );
 }
 
-// ── 主组件 ──
-
 export default function ChartEditor({ initialSpec, initialData, onBack }: Props) {
+  const { t } = useI18n();
   const [spec, setSpec] = useState<PlotSpec>(initialSpec);
   const [data, setData] = useState<PlotData>(initialData);
   const [previewUrl, setPreviewUrl] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
   const payloadRef = useRef("");
- const reqIdRef = useRef(0);
+  const reqIdRef = useRef(0);
 
   const chartType = spec.chart_type || "line";
   const st: PlotStyle = spec.style ?? {};
   const series = data.series ?? [];
 
   const updateSpec = (patch: Partial<PlotSpec>) => setSpec((p) => ({ ...p, ...patch }));
-  const updateStyle = (patch: Partial<PlotStyle>) =>
-    setSpec((p) => ({ ...p, style: { ...p.style, ...patch } }));
+  const updateStyle = (patch: Partial<PlotStyle>) => setSpec((p) => ({ ...p, style: { ...p.style, ...patch } }));
   const updateSeries = (i: number, patch: Partial<PlotSeries>) =>
     setData((p) => ({ ...p, series: p.series.map((s, idx) => (idx === i ? { ...s, ...patch } : s)) }));
   const updateGrid = (patch: Partial<PlotGrid>) =>
     setData((p) => ({ ...p, grid: { ...p.grid, mode: "heatmap", ...patch } }));
-  // 确保 heatmap 切入时有默认 grid 数据
   const grid: PlotGrid = data.grid ?? { mode: "heatmap", values: [[1, 2, 3], [4, 5, 6], [7, 8, 9]], cmap: "viridis", origin: "lower" };
   const matrix: number[][] = grid.values ?? [];
   const setCell = (r: number, c: number, v: number) => {
@@ -95,35 +86,30 @@ export default function ChartEditor({ initialSpec, initialData, onBack }: Props)
   const addCol = () => updateGrid({ values: matrix.map((row) => [...row, 0]) });
   const delCol = () => updateGrid({ values: matrix.map((row) => row.slice(0, -1)) });
 
-
   // 防抖预览:参数变化 → 400ms → 本地渲染
   useEffect(() => {
     const payload = JSON.stringify({ chartType, spec, data });
     if (payload === payloadRef.current) return;
-    // 参数变化时立即使旧的在途请求失效(不等 400ms 防抖)
     const myId = ++reqIdRef.current;
-
     const timer = setTimeout(async () => {
       payloadRef.current = payload;
       setLoading(true);
       setError(null);
-      // heatmap 切入时如果 data.grid 不存在,注入默认矩阵
       const renderData =
         chartType === "heatmap" && !data.grid
           ? { ...data, grid: { mode: "heatmap" as const, values: [[1, 2, 3], [4, 5, 6], [7, 8, 9]], cmap: "viridis", origin: "lower" as const } }
           : data;
       try {
         const resp = await previewPlot(chartType, spec, renderData, "svg");
-        if (myId !== reqIdRef.current) return; // 丢弃过期响应
+        if (myId !== reqIdRef.current) return;
         setPreviewUrl(toDataUrl(resp.imageFormat, resp.imageBase64));
       } catch (e) {
         if (myId !== reqIdRef.current) return;
-       setError(String(e));
+        setError(String(e));
       } finally {
         if (myId === reqIdRef.current) setLoading(false);
       }
     }, 400);
-
     return () => clearTimeout(timer);
   }, [chartType, spec, data]);
 
@@ -140,181 +126,162 @@ export default function ChartEditor({ initialSpec, initialData, onBack }: Props)
       a.download = `chart.${fmt}`;
       a.click();
     } catch (e) {
- setError(String(e));
+      setError(String(e));
     }
   }
 
   return (
     <div className="chart-editor">
       <header className="ce-header">
-        <button className="link" onClick={onBack}>← 返回</button>
-        <h2>图表微调</h2>
+        <button className="link" onClick={onBack}>← {t("common.back")}</button>
+        <h2>{t("ce.title")}</h2>
         <div className="spacer" />
-        <span className={"ce-status" + (loading ? " loading" : "")}>{loading ? "渲染中…" : error ? "出错" : "已同步"}</span>
-        <button onClick={() => exportChart("svg")}>导出 SVG</button>
-        <button className="primary" onClick={() => exportChart("png")}>导出 PNG</button>
+        <span className={"ce-status" + (loading ? " loading" : "")}>{loading ? t("ce.rendering") : error ? t("ce.errored") : t("ce.synced")}</span>
+        <button onClick={() => exportChart("svg")}>{t("ce.export")} SVG</button>
+        <button className="primary" onClick={() => exportChart("png")}>{t("ce.export")} PNG</button>
       </header>
 
       <div className="ce-body">
-        {/* ── 左侧参数面板 ── */}
         <div className="ce-params">
-          <Section title="全局">
-            <Field label="图表类型">
+          <Section title={t("ce.secGlobal")}>
+            <Field label={t("ce.chartType")}>
               <select value={chartType} onChange={(e) => updateSpec({ chart_type: e.target.value })}>
-                {CHART_TYPES.map((t) => <option key={t.value} value={t.value}>{t.label}</option>)}
+                {CHART_TYPES.map((ct) => <option key={ct.value} value={ct.value}>{t(ct.key)}</option>)}
               </select>
             </Field>
-            <Field label="标题">
+            <Field label={t("ce.fTitle")}>
               <input type="text" value={spec.title ?? ""} onChange={(e) => updateSpec({ title: e.target.value })} />
             </Field>
             <div className="ce-row">
-              <Field label="X 轴标签">
+              <Field label={t("ce.xLabel")}>
                 <input type="text" value={spec.x_label ?? ""} onChange={(e) => updateSpec({ x_label: e.target.value })} />
               </Field>
-              <Field label="X 单位">
+              <Field label={t("ce.xUnit")}>
                 <input type="text" value={spec.x_unit ?? ""} onChange={(e) => updateSpec({ x_unit: e.target.value })} />
               </Field>
             </div>
             <div className="ce-row">
-              <Field label="Y 轴标签">
+              <Field label={t("ce.yLabel")}>
                 <input type="text" value={spec.y_label ?? ""} onChange={(e) => updateSpec({ y_label: e.target.value })} />
               </Field>
-              <Field label="Y 单位">
+              <Field label={t("ce.yUnit")}>
                 <input type="text" value={spec.y_unit ?? ""} onChange={(e) => updateSpec({ y_unit: e.target.value })} />
               </Field>
             </div>
           </Section>
 
-          <Section title="样式">
-            <Field label="字体">
+          <Section title={t("ce.secStyle")}>
+            <Field label={t("ce.font")}>
               <select value={st.font_family ?? "serif"} onChange={(e) => updateStyle({ font_family: e.target.value })}>
                 {FONTS.map((f) => <option key={f} value={f}>{f}</option>)}
               </select>
             </Field>
             <div className="ce-row">
-              <Field label="字号">
-                <input type="number" min={6} max={48} value={st.font_size ?? 12}
-                  onChange={(e) => updateStyle({ font_size: +e.target.value })} />
+              <Field label={t("ce.fontSize")}>
+                <input type="number" min={6} max={48} value={st.font_size ?? 12} onChange={(e) => updateStyle({ font_size: +e.target.value })} />
               </Field>
               <Field label="DPI">
-                <input type="number" min={72} max={600} value={st.dpi ?? 150}
-                  onChange={(e) => updateStyle({ dpi: +e.target.value })} />
+                <input type="number" min={72} max={600} value={st.dpi ?? 150} onChange={(e) => updateStyle({ dpi: +e.target.value })} />
               </Field>
             </div>
             <div className="ce-row">
-              <Field label="画布宽">
+              <Field label={t("ce.figW")}>
                 <input type="number" min={3} max={30} step={0.5} value={st.figure_size?.[0] ?? 10}
                   onChange={(e) => updateStyle({ figure_size: [+e.target.value, st.figure_size?.[1] ?? 6] })} />
               </Field>
-              <Field label="画布高">
+              <Field label={t("ce.figH")}>
                 <input type="number" min={2} max={30} step={0.5} value={st.figure_size?.[1] ?? 6}
                   onChange={(e) => updateStyle({ figure_size: [st.figure_size?.[0] ?? 10, +e.target.value] })} />
               </Field>
             </div>
             <label className="ce-check">
               <input type="checkbox" checked={st.grid ?? true} onChange={(e) => updateStyle({ grid: e.target.checked })} />
-              <span>网格</span>
+              <span>{t("ce.grid")}</span>
             </label>
             {st.grid !== false && (
-              <Field label={`网格透明度 ${st.grid_alpha ?? 0.3}`}>
-                <input type="range" min={0} max={1} step={0.05} value={st.grid_alpha ?? 0.3}
-                  onChange={(e) => updateStyle({ grid_alpha: +e.target.value })} />
+              <Field label={`${t("ce.gridAlpha")} ${st.grid_alpha ?? 0.3}`}>
+                <input type="range" min={0} max={1} step={0.05} value={st.grid_alpha ?? 0.3} onChange={(e) => updateStyle({ grid_alpha: +e.target.value })} />
               </Field>
             )}
           </Section>
 
-          <Section title="图例 & 边框">
+          <Section title={t("ce.secLegend")}>
             <label className="ce-check">
-              <input type="checkbox" checked={st.legend?.enabled ?? true}
-                onChange={(e) => updateStyle({ legend: { ...st.legend, enabled: e.target.checked } })} />
-              <span>显示图例</span>
+              <input type="checkbox" checked={st.legend?.enabled ?? true} onChange={(e) => updateStyle({ legend: { ...st.legend, enabled: e.target.checked } })} />
+              <span>{t("ce.showLegend")}</span>
             </label>
             {st.legend?.enabled !== false && (
-              <Field label="图例位置">
-                <select value={st.legend?.location ?? "best"}
-                  onChange={(e) => updateStyle({ legend: { ...st.legend, location: e.target.value } })}>
+              <Field label={t("ce.legendLoc")}>
+                <select value={st.legend?.location ?? "best"} onChange={(e) => updateStyle({ legend: { ...st.legend, location: e.target.value } })}>
                   {LEGEND_LOCS.map((l) => <option key={l} value={l}>{l}</option>)}
                 </select>
               </Field>
             )}
             <label className="ce-check">
-              <input type="checkbox" checked={st.spines?.enabled ?? true}
-                onChange={(e) => updateStyle({ spines: { ...st.spines, enabled: e.target.checked } })} />
-              <span>显示边框</span>
+              <input type="checkbox" checked={st.spines?.enabled ?? true} onChange={(e) => updateStyle({ spines: { ...st.spines, enabled: e.target.checked } })} />
+              <span>{t("ce.showSpines")}</span>
             </label>
             {st.spines?.enabled !== false && (
               <div className="ce-row">
-                <Field label="边框宽度">
-                  <input type="number" min={0} max={5} step={0.1} value={st.spines?.width ?? 1.2}
-                    onChange={(e) => updateStyle({ spines: { ...st.spines, width: +e.target.value } })} />
+                <Field label={t("ce.spineWidth")}>
+                  <input type="number" min={0} max={5} step={0.1} value={st.spines?.width ?? 1.2} onChange={(e) => updateStyle({ spines: { ...st.spines, width: +e.target.value } })} />
                 </Field>
-                <Field label="边框颜色">
-                  <ColorPicker value={st.spines?.color ?? "#333"}
-                    onChange={(v) => updateStyle({ spines: { ...st.spines, color: v } })} />
+                <Field label={t("ce.spineColor")}>
+                  <ColorPicker value={st.spines?.color ?? "#333"} onChange={(v) => updateStyle({ spines: { ...st.spines, color: v } })} />
                 </Field>
               </div>
             )}
           </Section>
 
-          <Section title={`数据序列 (${series.length})`}>
+          <Section title={`${t("ce.secSeries")} (${series.length})`}>
             {series.map((s, i) => (
               <div key={i} className="ce-series">
                 <div className="ce-series-head">
-                  <input type="checkbox" checked={s.visible ?? true}
-                    onChange={(e) => updateSeries(i, { visible: e.target.checked })} />
-                  <input type="text" className="ce-series-name" value={s.name}
-                    onChange={(e) => updateSeries(i, { name: e.target.value })} />
+                  <input type="checkbox" checked={s.visible ?? true} onChange={(e) => updateSeries(i, { visible: e.target.checked })} />
+                  <input type="text" className="ce-series-name" value={s.name} onChange={(e) => updateSeries(i, { name: e.target.value })} />
                 </div>
-                <Field label="颜色">
+                <Field label={t("ce.color")}>
                   <ColorPicker value={s.color ?? "#1a1a1a"} onChange={(v) => updateSeries(i, { color: v })} />
                 </Field>
-                <Field label={`线宽 ${s.line_width ?? 1.5}`}>
-                  <input type="range" min={0.5} max={5} step={0.25} value={s.line_width ?? 1.5}
-                    onChange={(e) => updateSeries(i, { line_width: +e.target.value })} />
+                <Field label={`${t("ce.lineWidth")} ${s.line_width ?? 1.5}`}>
+                  <input type="range" min={0.5} max={5} step={0.25} value={s.line_width ?? 1.5} onChange={(e) => updateSeries(i, { line_width: +e.target.value })} />
                 </Field>
               </div>
             ))}
-            {series.length === 0 && <p className="dim small">无数据序列。</p>}
+            {series.length === 0 && <p className="dim small">{t("ce.noSeries")}</p>}
           </Section>
 
           {chartType === "heatmap" && (
-            <Section title="热图矩阵">
+            <Section title={t("ce.secMatrix")}>
               <div className="ce-row">
                 <Field label="Colormap">
                   <select value={grid.cmap ?? "viridis"} onChange={(e) => updateGrid({ cmap: e.target.value })}>
                     {CMAP_PRESETS.map((c) => <option key={c} value={c}>{c}</option>)}
                   </select>
                 </Field>
-                <Field label="原点">
+                <Field label={t("ce.origin")}>
                   <select value={grid.origin ?? "lower"} onChange={(e) => updateGrid({ origin: e.target.value as "upper" | "lower" })}>
-                    <option value="lower">lower(左下)</option>
-                    <option value="upper">upper(左上)</option>
+                    <option value="lower">{t("ce.originLower")}</option>
+                    <option value="upper">{t("ce.originUpper")}</option>
                   </select>
                 </Field>
               </div>
-              <Field label="Colorbar 标签">
+              <Field label={t("ce.cbarLabel")}>
                 <input type="text" value={grid.z_label ?? ""} onChange={(e) => updateGrid({ z_label: e.target.value })} placeholder="Intensity" />
               </Field>
               <div className="ce-matrix-toolbar">
-                <span className="ce-matrix-size">{matrix.length}行 × {matrix[0]?.length ?? 0}列</span>
+                <span className="ce-matrix-size">{t("ce.rowsCols", { r: matrix.length, c: matrix[0]?.length ?? 0 })}</span>
                 <div className="spacer" />
-                <button onClick={addRow}>+ 行</button>
-                <button onClick={delRow} disabled={matrix.length <= 1}>- 行</button>
-                <button onClick={addCol}>+ 列</button>
-                <button onClick={delCol} disabled={(matrix[0]?.length ?? 0) <= 1}>- 列</button>
+                <button onClick={addRow}>{t("ce.addRow")}</button>
+                <button onClick={delRow} disabled={matrix.length <= 1}>{t("ce.delRow")}</button>
+                <button onClick={addCol}>{t("ce.addCol")}</button>
+                <button onClick={delCol} disabled={(matrix[0]?.length ?? 0) <= 1}>{t("ce.delCol")}</button>
               </div>
               <div className="ce-matrix">
                 {matrix.map((row, r) => (
                   <div key={r} className="ce-matrix-row">
                     {row.map((val, c) => (
-                      <input
-                        key={c}
-                        type="number"
-                        className="ce-matrix-cell"
-                        value={val}
-                        step="0.1"
-                        onChange={(e) => setCell(r, c, +e.target.value)}
-                      />
+                      <input key={c} type="number" className="ce-matrix-cell" value={val} step="0.1" onChange={(e) => setCell(r, c, +e.target.value)} />
                     ))}
                   </div>
                 ))}
@@ -323,13 +290,10 @@ export default function ChartEditor({ initialSpec, initialData, onBack }: Props)
           )}
         </div>
 
-        {/* ── 右侧预览 ── */}
         <div className="ce-preview">
           {error && <div className="ce-error">{error}</div>}
-          {previewUrl && (
-            <img src={previewUrl} alt="chart preview" className="ce-preview-img" />
-          )}
-          {!previewUrl && !error && <div className="ce-placeholder">{loading ? "渲染中…" : "等待渲染"}</div>}
+          {previewUrl && <img src={previewUrl} alt="chart preview" className="ce-preview-img" />}
+          {!previewUrl && !error && <div className="ce-placeholder">{loading ? t("ce.rendering") : t("ce.waiting")}</div>}
         </div>
       </div>
     </div>
diff --git a/src/components/RunView.tsx b/src/components/RunView.tsx
index 44c82ea..20f312e 100644
--- a/src/components/RunView.tsx
+++ b/src/components/RunView.tsx
@@ -43,7 +43,7 @@ export default function RunView({ run, onOpenEditor }: { run: RunController; onO
             </span>
             {skillId === "nature-figure" && (
               <button className="ce-launch" onClick={onOpenEditor} title={run.plotParams ? undefined : (lang === "zh" ? "用演示数据打开(任务导出 plot_spec/plot_data 后用真实数据)" : "Opens with demo data (uses real data once the task exports plot_spec/plot_data)")}>
-                <Icon name="sliders" />{lang === "zh" ? "图表微调" : "Chart editor"}
+                <Icon name="sliders" />{t("ce.launch")}
               </button>
             )}
             <div className="task-meta">
diff --git a/src/i18n.tsx b/src/i18n.tsx
index 4960d94..835bc1f 100644
--- a/src/i18n.tsx
+++ b/src/i18n.tsx
@@ -186,6 +186,52 @@ const ZH: Dict = {
   "settings.emailPh": "you@example.com(PubMed 邮箱)",
   "settings.emailInvalid": "请输入有效邮箱(用于 PubMed 礼貌标识)",
   "settings.dangerConfirm": "全放开沙箱(dangerFullAccess):Codex 将不受文件/网络沙箱限制地执行命令。仅在你完全信任任务时启用。确定开启?",
+
+  "ce.launch": "图表微调",
+  "ce.title": "图表微调",
+  "ce.rendering": "渲染中…",
+  "ce.errored": "出错",
+  "ce.synced": "已同步",
+  "ce.export": "导出",
+  "ce.waiting": "等待渲染",
+  "ce.typeLine": "折线图",
+  "ce.typeBar": "柱状图",
+  "ce.typeHeatmap": "热图",
+  "ce.typeDualY": "双 Y 轴",
+  "ce.secGlobal": "全局",
+  "ce.secStyle": "样式",
+  "ce.secLegend": "图例 & 边框",
+  "ce.secSeries": "数据序列",
+  "ce.secMatrix": "热图矩阵",
+  "ce.chartType": "图表类型",
+  "ce.fTitle": "标题",
+  "ce.xLabel": "X 轴标签",
+  "ce.xUnit": "X 单位",
+  "ce.yLabel": "Y 轴标签",
+  "ce.yUnit": "Y 单位",
+  "ce.font": "字体",
+  "ce.fontSize": "字号",
+  "ce.figW": "画布宽",
+  "ce.figH": "画布高",
+  "ce.grid": "网格",
+  "ce.gridAlpha": "网格透明度",
+  "ce.showLegend": "显示图例",
+  "ce.legendLoc": "图例位置",
+  "ce.showSpines": "显示边框",
+  "ce.spineWidth": "边框宽度",
+  "ce.spineColor": "边框颜色",
+  "ce.color": "颜色",
+  "ce.lineWidth": "线宽",
+  "ce.origin": "原点",
+  "ce.originLower": "lower(左下)",
+  "ce.originUpper": "upper(左上)",
+  "ce.cbarLabel": "Colorbar 标签",
+  "ce.addRow": "+ 行",
+  "ce.delRow": "- 行",
+  "ce.addCol": "+ 列",
+  "ce.delCol": "- 列",
+  "ce.rowsCols": "{r} 行 × {c} 列",
+  "ce.noSeries": "无数据序列。",
 };
 
 const EN: Dict = {
@@ -354,6 +400,52 @@ const EN: Dict = {
   "settings.emailPh": "you@example.com (PubMed email)",
   "settings.emailInvalid": "Enter a valid email (PubMed politeness identifier)",
   "settings.dangerConfirm": "Full access sandbox (dangerFullAccess): Codex will run commands without file/network sandboxing. Enable only if you fully trust the task. Continue?",
+
+  "ce.launch": "Chart editor",
+  "ce.title": "Chart editor",
+  "ce.rendering": "Rendering…",
+  "ce.errored": "Error",
+  "ce.synced": "Synced",
+  "ce.export": "Export",
+  "ce.waiting": "Waiting to render",
+  "ce.typeLine": "Line",
+  "ce.typeBar": "Bar",
+  "ce.typeHeatmap": "Heatmap",
+  "ce.typeDualY": "Dual-Y",
+  "ce.secGlobal": "Global",
+  "ce.secStyle": "Style",
+  "ce.secLegend": "Legend & frame",
+  "ce.secSeries": "Data series",
+  "ce.secMatrix": "Heatmap matrix",
+  "ce.chartType": "Chart type",
+  "ce.fTitle": "Title",
+  "ce.xLabel": "X label",
+  "ce.xUnit": "X unit",
+  "ce.yLabel": "Y label",
+  "ce.yUnit": "Y unit",
+  "ce.font": "Font",
+  "ce.fontSize": "Font size",
+  "ce.figW": "Width",
+  "ce.figH": "Height",
+  "ce.grid": "Grid",
+  "ce.gridAlpha": "Grid opacity",
+  "ce.showLegend": "Show legend",
+  "ce.legendLoc": "Legend position",
+  "ce.showSpines": "Show frame",
+  "ce.spineWidth": "Frame width",
+  "ce.spineColor": "Frame color",
+  "ce.color": "Color",
+  "ce.lineWidth": "Line width",
+  "ce.origin": "Origin",
+  "ce.originLower": "lower (bottom-left)",
+  "ce.originUpper": "upper (top-left)",
+  "ce.cbarLabel": "Colorbar label",
+  "ce.addRow": "+ row",
+  "ce.delRow": "- row",
+  "ce.addCol": "+ col",
+  "ce.delCol": "- col",
+  "ce.rowsCols": "{r}×{c}",
+  "ce.noSeries": "No data series.",
 };
 
 const TABLE: Record<Lang, Dict> = { zh: ZH, en: EN };