feat: column, bar and line axis title

backend/template.yaml

@@ -59,7 +59,7 @@ template:
       {{"type":"line", "title": "标题", "axis": {{"x": {{"name":"x轴的中文名称","value": "SQL 查询 x 轴的列(有别名用别名,去掉外层的反引号、双引号、方括号)"}}, "y": {{"name":"y轴的中文名称","value": "SQL 查询 y 轴的列(有别名用别名,去掉外层的反引号、双引号、方括号)"}}, "series": {{"name":"分类的中文名称","value":"SQL 查询分类的列(有别名用别名,去掉外层的反引号、双引号、方括号)"}}}}}}
       其中“x”和“y”必须从SQL查询列中提取。
       - 如果需要饼图，则生成的 JSON 格式应为：
-      {{"type":"pie", "title": "标题", "axis": {{"y": {{"值轴的中文名称","value":"SQL 查询数值的列(有别名用别名,去掉外层的反引号、双引号、方括号)"}}, "series": {{"name":"分类的中文名称","value":"SQL 查询分类的列(有别名用别名,去掉外层的反引号、双引号、方括号)"}}}}
+      {{"type":"pie", "title": "标题", "axis": {{"y": {{"name":"值轴的中文名称","value":"SQL 查询数值的列(有别名用别名,去掉外层的反引号、双引号、方括号)"}}, "series": {{"name":"分类的中文名称","value":"SQL 查询分类的列(有别名用别名,去掉外层的反引号、双引号、方括号)"}}}}}}
       其中“y”和“series”必须从SQL查询列中提取。
       - 如果答案未知或者与生成JSON无关，则生成的 JSON 格式应为：
       {{"type":"error", "reason": "抱歉，我无法回答您的问题。"}}

frontend/src/views/chat/component/charts/Bar.ts

@@ -23,6 +23,10 @@ export class Bar extends BaseG2Chart {
       .data(data)
       .encode('x', x[0].value)
       .encode('y', y[0].value)
+      .axis({
+        x: { title: x[0].name },
+        y: { title: y[0].name },
+      })
       .scale('x', {
         nice: true,
       })

frontend/src/views/chat/component/charts/Column.ts

@@ -22,6 +22,10 @@ export class Column extends BaseG2Chart {
       .data(data)
       .encode('x', x[0].value)
       .encode('y', y[0].value)
+      .axis({
+        x: { title: x[0].name },
+        y: { title: y[0].name },
+      })
       .scale('x', {
         nice: true,
       })

frontend/src/views/chat/component/charts/Line.ts

@@ -21,6 +21,10 @@ export class Line extends BaseG2Chart {
       ?.data(data)
       .encode('x', x[0].value)
       .encode('y', y[0].value)
+      .axis({
+        x: { title: x[0].name },
+        y: { title: y[0].name },
+      })
       .scale('x', {
         nice: true,
       })