Merge branch 'main' into dev-ft

@@ -21,7 +21,8 @@ VITE_PROXY = [["/api","https://dev.thingskit.com/api"],["/thingskit-drawio","htt
 # 实时数据的ws地址
 # VITE_WEB_SOCKET = ws://localhost:8080/api/ws/plugins/telemetry?token=
 # VITE_WEB_SOCKET = ws://44.99.141.212:8080/api/ws/plugins/telemetry?token=
-VITE_WEB_SOCKET = ws://121.37.251.8:8080/api/ws/plugins/telemetry?token=
+VITE_WEB_SOCKET = ws://dev.thingskit.com/api/ws/plugins/telemetry?token=
+# VITE_WEB_SOCKET = ws://121.37.251.8:8080/api/ws/plugins/telemetry?token=
 
 # Delete console
 VITE_DROP_CONSOLE = true

@@ -21,6 +21,7 @@
     fontSize,
   } from '../../detail/config/util';
   import { Tooltip } from 'ant-design-vue';
+  import { useThrottleFn } from '@vueuse/shared';
 
   const props = defineProps({
     add: {
@@ -81,23 +82,28 @@
     return (_radio: number) => {};
   };
 
-  watch(
-    () => props.value.value,
-    (newValue) => {
-      const updateFn = getUpdateValueFn(props.layout.componentType);
-      unref(chartRef)?.setOption((updateFn(newValue || 0) as unknown as EChartsOption) || {});
-    }
-  );
-
-  watch(
-    () => props.radio,
-    () => {
-      const option = beforeUpdateFn(props.layout.componentType);
-      setTimeout(() => {
-        unref(chartRef)?.setOption((option(unref(getRadio)) as unknown as EChartsOption) || {});
-      });
-    }
-  );
+  const updateChartValue = useThrottleFn((newValue) => {
+    const updateFn = getUpdateValueFn(props.layout.componentType);
+    unref(chartRef)?.setOption((updateFn(newValue || 0) as unknown as EChartsOption) || {});
+  }, 500);
+
+  watch(() => props.value.value, updateChartValue);
+
+  const updateChartFont = useThrottleFn(() => {
+    const option = beforeUpdateFn(props.layout.componentType);
+    setTimeout(() => {
+      unref(chartRef)?.setOption((option(unref(getRadio)) as unknown as EChartsOption) || {});
+    });
+  }, 500);
+
+  watch(() => props.radio, updateChartFont);
+
+  const updateChartType = useThrottleFn(() => {
+    unref(chartRef)?.clear();
+    unref(chartRef)?.setOption(props?.layout?.chartOption || {});
+  }, 500);
+
+  watch(() => props.layout.chartOption, updateChartType);
 
   let timeout: Nullable<number> = null;
 

@@ -239,7 +239,7 @@ export const getGradient = (key: Gradient, record: GradientInfo[] = []) => {
 };
 
 export const update_instrument_1_font = (radio: number) => {
-  const basicFontSize = fontSize({ radio, basic: 10, max: 20 });
+  const basicFontSize = fontSize({ radio, basic: 20, max: 25, min: 12 });
   return {
     series: [
       {
@@ -256,7 +256,7 @@ export const update_instrument_1_font = (radio: number) => {
 
 export const update_instrument_2_font = (radio: number) => {
   const axisLabelFontSize = fontSize({ radio, basic: 10, max: 16 });
-  const detailFontSize = fontSize({ radio, basic: 12 });
+  const detailFontSize = fontSize({ radio, basic: 20, max: 25, min: 12 });
   return {
     series: [
       {

@@ -219,7 +219,7 @@
                       </Tooltip>
                     </span> -->
                   </div>
-                  <div>{{ item.updateTime || item.createTime }}</div>
+                  <div>{{ item.createTime }}</div>
                 </div>
               </section>
             </Card>