完善星座图和载噪比视图布局

src/render/components/PlanisphereView.vue

@@ -23,13 +23,12 @@ use([
 
 const props = defineProps({
   title: String
-}) 
+})
 
 const option = reactive({
   title: {
     text: props.title,
     left: 'center'
-    // textAlign: 'center'
   },
   polar: {
     radius: '75%'

src/render/components/SNRView.vue

@@ -9,17 +9,22 @@ import { reactive } from "vue"
 import { use, graphic } from "echarts/core";
 import { CanvasRenderer } from "echarts/renderers";
 import { BarChart } from "echarts/charts";
-import { GridComponent } from "echarts/components";
+import { TitleComponent, GridComponent } from "echarts/components";
 import VChart from "vue-echarts";
-import utils from '../api/utils'
+import { get_in_positioning_id } from '../api/util'
 
 
 use([
   CanvasRenderer,
   BarChart,
+	TitleComponent,
   GridComponent
 ]);
 
+const props = defineProps({
+  title: String
+})
+
 const BAR_COUNT			   		 = 16
 const UN_POSITIONING_COLOR = '#9ca3af'
 const IN_POSITIONING_COLOR = new graphic.LinearGradient(
@@ -31,6 +36,10 @@ const IN_POSITIONING_COLOR = new graphic.LinearGradient(
 )
 
 const option 			 = reactive({
+  title: {
+    text: props.title,
+    left: 'center'
+  },
 	grid: {
 		containLabel: true
 	},