fix: chart widget can not adaptive

@@ -46,8 +46,8 @@ export const instrumentComponent1 = (params?: { value: number; unit: string }):
         startAngle: 200,
         endAngle: -20,
         min: 0,
-        max: 60,
-        splitNumber: 12,
+        max: 100,
+        splitNumber: 10,
         itemStyle: {
           color: '#FFAB91',
         },
@@ -64,7 +64,7 @@ export const instrumentComponent1 = (params?: { value: number; unit: string }):
           },
         },
         axisTick: {
-          distance: -45,
+          distance: -35,
           splitNumber: 5,
           lineStyle: {
             width: 2,
@@ -72,7 +72,7 @@ export const instrumentComponent1 = (params?: { value: number; unit: string }):
           },
         },
         splitLine: {
-          distance: -52,
+          distance: -45,
           length: 14,
           lineStyle: {
             width: 3,
@@ -80,9 +80,9 @@ export const instrumentComponent1 = (params?: { value: number; unit: string }):
           },
         },
         axisLabel: {
-          distance: -20,
+          distance: -5,
           color: '#999',
-          fontSize: 20,
+          // fontSize: 20,
         },
         anchor: {
           show: false,
@@ -93,10 +93,10 @@ export const instrumentComponent1 = (params?: { value: number; unit: string }):
         detail: {
           valueAnimation: true,
           width: '60%',
-          lineHeight: 40,
+          lineHeight: 30,
           borderRadius: 8,
           offsetCenter: [0, '-15%'],
-          fontSize: 16,
+          // fontSize: 16,
           fontWeight: 'bolder',
           formatter: `{value} ${unit}`,
           color: 'auto',
@@ -113,7 +113,7 @@ export const instrumentComponent1 = (params?: { value: number; unit: string }):
         startAngle: 200,
         endAngle: -20,
         min: 0,
-        max: 60,
+        max: 100,
         itemStyle: {
           color: '#FD7347',
         },
@@ -166,16 +166,12 @@ export const instrumentComponent2 = (params?: {
   const secondGradient = secondRecord?.value ? secondRecord.value / max : 0.7;
   // const thirdGradient = thirdRecord?.value ? thirdRecord.value / max : 1;
 
-  console.log();
   return {
     series: [
       {
         type: 'gauge',
         min: 0,
         max,
-        // startAngle: 225,
-        // endAngle: -70,
-        // splitNumber: 10,
         axisLine: {
           lineStyle: {
             width: 20,
@@ -201,7 +197,7 @@ export const instrumentComponent2 = (params?: {
           },
         },
         splitLine: {
-          distance: -30,
+          distance: -10,
           length: 30,
           lineStyle: {
             color: '#fff',
@@ -210,7 +206,7 @@ export const instrumentComponent2 = (params?: {
         },
         axisLabel: {
           color: 'auto',
-          distance: 22,
+          distance: 5,
           fontSize: 6,
         },
         detail: {
@@ -235,14 +231,15 @@ export const getGradient = (key: Gradient, record: GradientInfo[] = []) => {
 };
 
 export const update_instrument_1_font = (radio: number) => {
+  const basicFontSize = fontSize({ radio, basic: 10, max: 20 });
   return {
     series: [
       {
         axisLabel: {
-          fontSize: fontSize({ radio, basic: 14 }),
+          fontSize: basicFontSize,
         },
         detail: {
-          fontSize: fontSize({ radio, basic: 14 }),
+          fontSize: basicFontSize,
         },
       },
     ],
@@ -250,7 +247,7 @@ export const update_instrument_1_font = (radio: number) => {
 };
 
 export const update_instrument_2_font = (radio: number) => {
-  const axisLabelFontSize = fontSize({ radio, basic: 10, max: 20 });
+  const axisLabelFontSize = fontSize({ radio, basic: 10, max: 18 });
   return {
     series: [
       {