(improvement)(chat-sdk) optimize card title (#1653)

webapp/packages/chat-sdk/src/components/ChatMsg/Bar/index.tsx

@@ -14,13 +14,21 @@ import { Spin } from 'antd';
 
 type Props = {
   data: MsgDataType;
+  question: string;
   triggerResize?: boolean;
   loading: boolean;
   metricField: ColumnType;
   onApplyAuth?: (model: string) => void;
 };
 
-const BarChart: React.FC<Props> = ({ data, triggerResize, loading, metricField, onApplyAuth }) => {
+const BarChart: React.FC<Props> = ({
+  data,
+  question,
+  triggerResize,
+  loading,
+  metricField,
+  onApplyAuth,
+}) => {
   const chartRef = useRef<any>();
   const [instance, setInstance] = useState<ECharts>();
 
@@ -175,7 +183,7 @@ const BarChart: React.FC<Props> = ({ data, triggerResize, loading, metricField,
   return (
     <div>
       <div className={`${prefixCls}-top-bar`}>
-        <div className={`${prefixCls}-indicator-name`}>{metricColumn?.name}</div>
+        <div className={`${prefixCls}-indicator-name`}>{question}</div>
       </div>
       <Spin spinning={loading}>
         <div className={`${prefixCls}-chart`} ref={chartRef} />

webapp/packages/chat-sdk/src/components/ChatMsg/MetricTrend/index.tsx

@@ -22,6 +22,7 @@ const metricChartSelectOptions = [
 
 type Props = {
   data: MsgDataType;
+  question: string;
   chartIndex: number;
   triggerResize?: boolean;
   loading: boolean;
@@ -34,6 +35,7 @@ type Props = {
 
 const MetricTrend: React.FC<Props> = ({
   data,
+  question,
   chartIndex,
   triggerResize,
   loading,
@@ -65,16 +67,11 @@ const MetricTrend: React.FC<Props> = ({
   return (
     <div className={prefixCls}>
       <div className={`${prefixCls}-charts`}>
-        {metricFields?.length === 1 && (
-          <div className={`${prefixCls}-top-bar`}>
-            <div
-              className={`${prefixCls}-metric-fields ${prefixCls}-metric-field-single`}
-              key={activeMetricField?.bizName}
-            >
-              {activeMetricField?.name}
-            </div>
+        <div className={`${prefixCls}-top-bar`}>
+          <div className={`${prefixCls}-metric-fields ${prefixCls}-metric-field-single`}>
+            {question}
           </div>
-        )}
+        </div>
         <Spin spinning={loading}>
           <div className={`${prefixCls}-content`}>
             {!isMobile &&

webapp/packages/chat-sdk/src/components/ChatMsg/index.tsx

@@ -197,6 +197,7 @@ const ChatMsg: React.FC<Props> = ({
               queryColumns: columns,
               queryResults: dataSource,
             }}
+            question={question}
             loading={loading}
             chartIndex={chartIndex}
             triggerResize={triggerResize}
@@ -210,6 +211,7 @@ const ChatMsg: React.FC<Props> = ({
         return (
           <Bar
             data={{ ...data, queryColumns: columns, queryResults: dataSource }}
+            question={question}
             triggerResize={triggerResize}
             loading={loading}
             metricField={metricFields[0]}