实现卫星信息监测页面数据的更新

src/render/components/Ring.vue

@@ -53,18 +53,18 @@ const option = reactive({
         show: false
       },
       data: [
-        { value: 15, name: '北  斗' },
-        { value: 10, name: 'G P S' },
-        { value: 15, name: '格洛纳斯' },
-        { value: 17, name: '伽 利 略' }
+        { value: 0, name: '北  斗' },
+        { value: 0, name: 'G P S' },
+        { value: 0, name: '格洛纳斯' },
+        { value: 0, name: '伽 利 略' }
       ]
     }
   ]
 });
 
-let highlightIndex = -1
 const ring = ref(null)
 const COUNT = option.series[0].data.length
+let highlightIndex = -1
 const highlight = () => {
   ring.value.dispatchAction({
     type: 'downplay',
@@ -83,7 +83,12 @@ onMounted(() => {
   setInterval(highlight, 3000)
 })
 
-const update = console.log
+const update = (bd_val: number, gp_val: number, gl_val: number, ga_val: number) => {
+  option.series[0].data[0].value = bd_val
+  option.series[0].data[1].value = gp_val
+  option.series[0].data[2].value = gl_val
+  option.series[0].data[3].value = ga_val
+}
 
 
 defineExpose({ update })