{"remainingRequest":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\Aecharts.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\src\\views\\Aecharts.vue","mtime":1684458238418},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\bbsl-fvue\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n\r\nimport * as echarts from 'echarts'\r\nexport default {\r\n    mounted() {\r\n        this.$nextTick(() => {\r\n            this.initOption()\r\n        })\r\n        this.$root.$on('resize', () => {\r\n            this.resize(500)\r\n        })\r\n    },\r\n    methods: {\r\n        initOption() {\r\n            const dom = document.getElementById('chart')\r\n            this.chart = echarts.init(dom)\r\n            let normalColor = '#CBDDFF'\r\n            var maxHeight = '65' //最大高度/堤坝高度\r\n            let markline = ['62', '57', '50', '0'] //设计水位，汛限水位，当前水位，校核水位\r\n            //位移\r\n            let option = {\r\n                title: {\r\n                    text: '浸润线示意图',\r\n                    left: 'center',\r\n                    top: 'top',\r\n                    textStyle: {\r\n                        color: '#ddd',\r\n                        fontSize: '14',\r\n                        fontWeight: 700,\r\n                    },\r\n                },\r\n                tooltip: {\r\n                    trigger: 'axis',\r\n                },\r\n                legend: {\r\n                    data: ['库水位(m)', '死水位(m)', '校核洪水位(m)', '浸润线'],\r\n                    top: '20px',\r\n                    textStyle: {\r\n                        color: '#14b5ff',\r\n                    },\r\n                },\r\n                grid: {\r\n                    top: '10%',\r\n                    left: '2%',\r\n                    right: '12%',\r\n                    bottom: '10%',\r\n                    containLabel: true,\r\n                },\r\n                xAxis: {\r\n                    z: 30,\r\n                    type: 'value',\r\n                    max: 300,\r\n                    min: 0,\r\n                    interval: 10,\r\n                    splitLine: {\r\n                        show: false,\r\n                    },\r\n                    axisLabel: {\r\n                        show: false,\r\n                    },\r\n                    axisTick: {show: true},\r\n                    axisLine: {\r\n                        onZero: false,\r\n                        lineStyle: {\r\n                            color: '#138ec9',\r\n                            width: 1,\r\n                        },\r\n                    },\r\n                },\r\n                yAxis: {\r\n                    type: 'value',\r\n                    name: '库水位（m）',\r\n                    nameTextStyle: {\r\n                        fontSize: 16,\r\n                        color: normalColor,\r\n                    },\r\n                    max: maxHeight,\r\n                    min: 0,\r\n                    position: 'left',\r\n                    axisLine: {\r\n                        show: true,\r\n                        lineStyle: {\r\n                            color: '#138ec9',\r\n                            width: 1,\r\n                        },\r\n                    },\r\n                    axisTick: {show: true},\r\n                    axisLabel: {\r\n                        fontSize: 14,\r\n                        color: '#138ec9',\r\n                    },\r\n                    splitLine: {\r\n                        show: false,\r\n                    },\r\n                },\r\n                series: [\r\n                    {\r\n                        z: 2,\r\n                        type: 'line',\r\n                        gridIndex: 0,\r\n                        data: [\r\n                            [0, 0],\r\n                            [140, 46],\r\n                            [150, 46],\r\n                            [290, 0],\r\n                        ],\r\n                        tooltip: {\r\n                            show: false,\r\n                        },\r\n                        symbol: 'none',\r\n                        sampling: 'average',\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#58f2f2',\r\n                                lineStyle: {\r\n                                    color: '#58f2f2',\r\n                                },\r\n                            },\r\n                        },\r\n                    },\r\n                    {\r\n                        z: 1,\r\n                        type: 'line',\r\n                        data: [\r\n                            [135, 0],\r\n                            [140, 46],\r\n                            [150, 46],\r\n                        ],\r\n                        tooltip: {\r\n                            show: false,\r\n                        },\r\n                        symbol: 'none',\r\n                        areaStyle: {},\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#e6e6e6',\r\n                                lineStyle: {\r\n                                    color: '#e6e6e6',\r\n                                },\r\n                            },\r\n                        },\r\n                    },\r\n                    {\r\n                        name: '库水位(m)',\r\n                        type: 'line',\r\n                        gridIndex: 0,\r\n                        data: [\r\n                            [0, 42],\r\n                            [139, 42],\r\n                        ],\r\n                        markPoint: {\r\n                            data: [\r\n                                {\r\n                                    name: '库水位',\r\n                                    value: '库水位' + 42,\r\n                                    xAxis: 100,\r\n                                    yAxis: 42,\r\n                                },\r\n                            ],\r\n                            label: {\r\n                                offset: [0, -30],\r\n                                color: '#3a5eff',\r\n                            },\r\n                        },\r\n                        symbol: 'none',\r\n                        symbolSize: 5,\r\n                        sampling: 'average',\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#3a5eff',\r\n                                lineStyle: {\r\n                                    color: '#3a5eff',\r\n                                },\r\n                                label: {\r\n                                    show: !0,\r\n                                    position: [20, -15],\r\n                                    formatter: function (e) {\r\n                                        return (\r\n                                            console.log('66666666666666', e),\r\n                                            '' != e.value ? e.data[1] : ''\r\n                                        )\r\n                                    },\r\n                                    textStyle: {\r\n                                        color: '#ffff00',\r\n                                    },\r\n                                },\r\n                            },\r\n                        },\r\n                    },\r\n                    {   \r\n                        z:3,\r\n                        name: '浸润线',\r\n                        type: 'line',\r\n                        gridIndex: 0,\r\n                        data: [\r\n                            [139, 42],\r\n                            [155, 30],\r\n                            [180, 26],\r\n                            [200, 20]\r\n                        ],\r\n                        symbol: 'none',\r\n                        symbolSize: 5,\r\n                        sampling: 'average',\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#ffd023',\r\n                                lineStyle: {\r\n                                    color: '#ffd023',\r\n                                },\r\n                            },\r\n                        },\r\n                    },\r\n                    {\r\n                        name: '死水位(m)',\r\n                        type: 'line',\r\n                        gridIndex: 0,\r\n                        data: [\r\n                            [0, 28],\r\n                            [84, 28],\r\n                        ],\r\n                        markPoint: {\r\n                            data: [\r\n                                {\r\n                                    name: '死水位',\r\n                                    value: '死水位28',\r\n                                    xAxis: 37,\r\n                                    yAxis: 28,\r\n                                },\r\n                            ],\r\n                            label: {\r\n                                offset: [0, -30],\r\n                                color: '#0000FF',\r\n                            },\r\n                        },\r\n                        symbol: 'none',\r\n                        symbolSize: 5,\r\n                        sampling: 'average',\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#0000FF',\r\n                                lineStyle: {\r\n                                    color: '#0000FF',\r\n                                },\r\n                            },\r\n                        },\r\n                    },\r\n                    {\r\n                        name: '校核洪水位(m)',\r\n                        type: 'line',\r\n                        gridIndex: 0,\r\n                        data: [\r\n                            [0, 44],\r\n                            [134, 44],\r\n                        ],\r\n                        markPoint: {\r\n                            data: [\r\n                                {\r\n                                    name: '校核洪水位',\r\n                                    value: '校核洪水位44',\r\n                                    xAxis: 80,\r\n                                    yAxis: 44,\r\n                                },\r\n                            ],\r\n                            label: {\r\n                                offset: [0, -30],\r\n                                color: '#00ff7f',\r\n                            },\r\n                        },\r\n                        symbol: 'none',\r\n                        symbolSize: 5,\r\n                        sampling: 'average',\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#00ff7f',\r\n                                lineStyle: {\r\n                                    color: '#00ff7f',\r\n                                },\r\n                            },\r\n                        },\r\n                    },\r\n                    {\r\n                        z: 15,\r\n                        barGap: '-100%',\r\n                        name: '管底高程(m)',\r\n                        type: 'bar',\r\n                        barWidth: 15,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        grid: {\r\n                            show: 'false',\r\n                            borderWidth: '0',\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: 'rgba(14, 24, 39, 1)',\r\n                                barBorderColor: 'rgba(14, 24, 39, 1)',\r\n                            },\r\n                        },\r\n                        data: [[155, 13]],\r\n                    },\r\n                    {\r\n                        z: 10,\r\n                        name: '浸润水位(m)',\r\n                        type: 'bar',\r\n                        barWidth: 15,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#14b5ff',\r\n                                barBorderColor: 'none',\r\n                                grid: {\r\n                                    show: false,\r\n                                    borderWidth: '0',\r\n                                },\r\n                                label: {\r\n                                    show: true,\r\n                                    position: [20, -15],\r\n                                    formatter: function (e) {\r\n                                        return '' != e.value ? e.data[1] : ''\r\n                                    },\r\n                                    textStyle: {\r\n                                        color: '#ffff00',\r\n                                    },\r\n                                },\r\n                            },\r\n                        },\r\n                        data: [[155, 30]],\r\n                    },\r\n\r\n                    {\r\n                        z: 5,\r\n                        name: '管口高程(m)',\r\n                        type: 'bar',\r\n                        barWidth: 15,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#bababa',\r\n                                barBorderColor: 'none',\r\n                                grid: {\r\n                                    show: false,\r\n                                    borderWidth: '0',\r\n                                },\r\n                            },\r\n                        },\r\n                        data: [[155, 45]],\r\n                    },\r\n                    {\r\n                        z: 15,\r\n                        barGap: '-100%',\r\n                        name: '管底高程(m)',\r\n                        type: 'bar',\r\n                        barWidth: 15,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        grid: {\r\n                            show: 'false',\r\n                            borderWidth: '0',\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: 'rgba(14, 24, 39, 1)',\r\n                                barBorderColor: 'rgba(14, 24, 39, 1)',\r\n                            },\r\n                        },\r\n                        data: [[180, 15]],\r\n                    },\r\n                    {\r\n                        z: 10,\r\n                        name: '浸润水位(m)',\r\n                        type: 'bar',\r\n                        barWidth: 15,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#14b5ff',\r\n                                barBorderColor: 'none',\r\n                                grid: {\r\n                                    show: 'false',\r\n                                    borderWidth: '0',\r\n                                },\r\n                                label: {\r\n                                    show: true,\r\n                                    position: [20, -15],\r\n                                    formatter: function (e) {\r\n                                        return '' != e.value ? e.data[1] : ''\r\n                                    },\r\n                                    textStyle: {\r\n                                        color: '#ffff00',\r\n                                    },\r\n                                },\r\n                            },\r\n                        },\r\n                        data: [[180, 26]],\r\n                    },\r\n                    {\r\n                        z: 5,\r\n                        name: '管口高程(m)',\r\n                        type: 'bar',\r\n                        barWidth: 15,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#bababa',\r\n                                barBorderColor: 'none',\r\n                                grid: {\r\n                                    show: 'false',\r\n                                    borderWidth: '0',\r\n                                },\r\n                            },\r\n                        },\r\n                        data: [[180, 38]],\r\n                    },\r\n                    {\r\n                        z: 15,\r\n                        barGap: '-100%',\r\n                        name: '管底高程(m)',\r\n                        type: 'bar',\r\n                        barWidth: 15,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: 'rgba(14, 24, 39, 1)',\r\n                                barBorderColor: 'rgba(14, 24, 39, 1)',\r\n                            },\r\n                        },\r\n                        data: [[200, 16]],\r\n                    },\r\n                    {\r\n                        z: 10,\r\n                        name: '浸润水位(m)',\r\n                        type: 'bar',\r\n                        barWidth: 15,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#14b5ff',\r\n                                barBorderColor: 'none',\r\n                                label: {\r\n                                    show: true,\r\n                                    position: [20, -15],\r\n                                    formatter: function (e) {\r\n                                        return '' != e.value ? e.data[1] : ''\r\n                                    },\r\n                                    textStyle: {\r\n                                        color: '#ffff00',\r\n                                    },\r\n                                },\r\n                            },\r\n                        },\r\n                        data: [[200, 20]],\r\n                    },\r\n                    {\r\n                        z: 5,\r\n                        name: '管口高程(m)',\r\n                        type: 'bar',\r\n                        barWidth: 15,\r\n                        emphasis: {\r\n                            focus: 'series',\r\n                        },\r\n                        itemStyle: {\r\n                            normal: {\r\n                                color: '#bababa',\r\n                                barBorderColor: 'none',\r\n                            },\r\n                        },\r\n                        data: [[200, 31]],\r\n                    },\r\n                ],\r\n            }\r\n            option && this.chart.setOption(option)\r\n        },\r\n    },\r\n}\r\n",null]}