signal_web/src/components/Scan.vue

<template>
    <div class="wifiSign">
        <div class="other-people">
            <div class="image-border image-border1"></div>
            <div class="image-border image-border2"></div>
            <div class="image-border image-border3"></div>
            <div class="image-border image-border4"></div>
            <div class="other-people-title">
                0-6G扫描
            </div>
            <ve-line :data="chartData" width="966px" height="250px" :loading="loading" :legend-visible="false"
                          :extend="chartExtend"></ve-line>
        </div>
    </div>
</template>

<script>
    import {Scan} from '../api/getApiRes.js'
    let qs = require('qs');
    export default {
        data() {
            return {
                days: 13,
                loading: true,
                chartData: {
                    columns: ['X', 'Y'],
                    rows: []
                },
                chartExtend: {
                    color: ['#4ad2ff'],
                    series: {
                        barMaxWidth: 10
                    },
                    axisLine: {
                        color: "#4ad2ff",
                    },
                    yAxis: {
                        // name : '单位: dB',
                        splitLine: {
                            lineStyle: {
                                // 使用深浅的间隔色
                                color: ['#08255B']
                            }
                        },
                        axisLine: {
                            lineStyle: {
                                color: '#4ad2ff',
                                width: 1,//这里是为了突出显示加上的
                            }
                        }
                    },
                    xAxis: {
                        splitLine: {
                            lineStyle: {
                                // 使用深浅的间隔色
                                color: ['#4ad2ff']
                            }
                        },
                        axisLine: {
                            lineStyle: {
                                color: '#4ad2ff',
                                width: 1,//这里是为了突出显示加上的
                            }
                        }
                    }
                }
            }
        },
        props: ['ScanRs'],
        watch: {
            ScanRs: function (val) {
                let that = this;
               that.chartData.rows = val.Rs
            },
        },
    }
</script>

<style scoped>
    .wifiSign {
        overflow: hidden;
        display: block;
        margin: 0 auto;
    }
    /deep/ .other-people {
        width: 966px;
        height: 212px;
        margin-left:0;
        padding: 0;
        padding-right: 5px;
    }
</style>