fix: DEFECT-696 data board component page data charts data keep out

@@ -104,9 +104,9 @@ export const instrumentComponent1 = (params?: Partial<ComponentInfo>): EChartsOp
         detail: {
           valueAnimation: true,
           width: '60%',
-          lineHeight: 30,
+          lineHeight: 10,
           borderRadius: 8,
-          offsetCenter: [0, '-15%'],
+          offsetCenter: [0, '30%'],
           fontSize: 14,
           fontWeight: 'bolder',
           formatter: `{value} ${unit ?? ''}`,
@@ -220,6 +220,7 @@ export const instrumentComponent2 = (params?: Partial<ComponentInfo>): EChartsOp
           valueAnimation: true,
           formatter: `{value} ${unit ?? ''}`,
           color: params?.fontColor || 'inherit',
+          offsetCenter: [0, '70%'],
           fontSize: 14,
         },
         data: [
@@ -254,7 +255,8 @@ export const update_instrument_1_font = (radio: number) => {
 };
 
 export const update_instrument_2_font = (radio: number) => {
-  const axisLabelFontSize = fontSize({ radio, basic: 10, max: 18 });
+  const axisLabelFontSize = fontSize({ radio, basic: 10, max: 16 });
+  const detailFontSize = fontSize({ radio, basic: 12 });
   return {
     series: [
       {
@@ -262,31 +264,35 @@ export const update_instrument_2_font = (radio: number) => {
           fontSize: axisLabelFontSize,
         },
         detail: {
-          fontSize: axisLabelFontSize,
+          fontSize: detailFontSize,
         },
       },
     ],
   } as EChartsOption;
 };
 
-export const update_instrument_1_value = (value) => {
+const handleValue = (value: any) => {
+  return Number(value).toFixed(2);
+};
+
+export const update_instrument_1_value = (value: number) => {
   return {
     series: [
       {
-        data: [{ value }],
+        data: [{ value: handleValue(value) }],
       },
       {
-        data: [{ value }],
+        data: [{ value: handleValue(value) }],
       },
     ],
   } as EChartsOption;
 };
 
-export const update_instrument_2_value = (value) => {
+export const update_instrument_2_value = (value: number) => {
   return {
     series: [
       {
-        data: [{ value }],
+        data: [{ value: handleValue(value) }],
       },
     ],
   } as EChartsOption;