bd_group
/
gnss-tool-kit
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

master
叶志超 2021-11-15 14:34:30 +08:00
parent b6c21343f3
commit a2f3fd60ec
4 changed files with 25 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/render/PlanispherePage.vue
View File

@ -3,16 +3,16 @@
<TheHeader /> <TheHeader />
<div class="main-content flex-1 grid grid-cols-2 grid-rows-2"> <div class="main-content flex-1 grid grid-cols-2 grid-rows-2">
<div class=""> <div>
<PlanisphereView title="北斗" /> <PlanisphereView title="北斗" />
</div> </div>
<div class=""> <div>
<PlanisphereView title="GPS" /> <PlanisphereView title="GPS" />
</div> </div>
<div class=""> <div>
<PlanisphereView title="格洛纳斯" /> <PlanisphereView title="格洛纳斯" />
</div> </div>
<div class=""> <div>
<PlanisphereView title="伽利略" /> <PlanisphereView title="伽利略" />
</div> </div>
</div> </div>

18
src/render/SNRPage.vue
View File

@ -2,18 +2,18 @@
<full-screen-container> <full-screen-container>
<TheHeader /> <TheHeader />
<div class="main-content flex flex-wrap flex-1"> <div class="main-content flex-1 grid grid-cols-2 grid-rows-2">
<div class="w-1/2 h/1/2"> <div>
<PlanisphereView /> <SNRView title="北斗" />
</div> </div>
<div class="w-1/2 h/1/2"> <div>
<PlanisphereView /> <SNRView title="GPS" />
</div> </div>
<div class="w-1/2 h/1/2"> <div>
<PlanisphereView /> <SNRView title="格洛纳斯" />
</div> </div>
<div class="w-1/2 h/1/2"> <div>
<PlanisphereView /> <SNRView title="伽利略" />
</div> </div>
</div> </div>
</full-screen-container> </full-screen-container>

1
src/render/components/PlanisphereView.vue
View File

@ -29,7 +29,6 @@ const option = reactive({
title: { title: {
text: props.title, text: props.title,
left: 'center' left: 'center'
// textAlign: 'center'
}, },
polar: { polar: {
radius: '75%' radius: '75%'

13
src/render/components/SNRView.vue
View File

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