赣州市洪水风险预警系统二维版本
xiebin
2023-03-02 b39483c96ae572121d3c619c0b9d37634e682cc4
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
/**
 *@Author : TengZH
 *@CreateTime : 2018-11-30 11:21
 *@Description :
 */
define([], function () {
    return {
        item: null,
        pieoption: {
            tooltip: {
                formatter: "{b}: {c}℃",
                confine: true
            },
            series: [
                {
                    type: 'gauge',
                    min: 0,
                    max: 500,
                    splitNumber: 5,
                    radius: '80%',
                    axisLine: { // 坐标轴线
                        show: false,
                        lineStyle: {       // 属性lineStyle控制线条样式
                            width: 15,
                            color: [[0.33, '#91c7ae'], [0.66, '#63869e'], [1, '#c23531']]
                        }
                    },
                    axisLabel: {
                        fontSize: 14,
                    },
                    splitLine: {
                        length: 15
                    },
                    title: {
                        // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                        fontWeight: 'normal',
                        fontSize: 16,
                    },
                    detail: {
                        // 其余属性默认使用全局文本样式,详见TEXTSTYLE
                        formatter: function (value) {
                            return value.toString() + "℃";
                        },
                        fontSize: 15,
                        fontWeight: 'normal',
                        borderRadius: 5,
                        borderColor: '#000',
                        borderWidth: 2,
                        color: '#000',
                        offsetCenter: [0, "90%"],
                    },
                    data: [{value: 40000, name: '气温'}]
                }
            ]
        },
        lineoption: {
            grid: {
                x: 55,
                y: 40,
                x2: 15,
                y2: 40
            },
            xAxis: {
                type: 'category',
                data: [],
                axisTick: {show: false},
                axisLabel: {margin: 10, fontSize: 14, color: '#888'},
                axisLine: {show: false}
            },
            yAxis: {
                type: 'value',
                axisLine: {show: false},
                axisTick: {show: false},
                axisLabel: {margin: 20, fontSize: 15, color: '#888'},
                name: '气温/℃',
                nameGap: 20,
                nameTextStyle: {fontSize: 15, color: '#888', padding: [0, 0, 0, 30],align:'left'},
                splitLine: {
                    lineStyle: {
                        color: '#f1f1f1',
                        width: 1,
                        shadowColor: 'rgba(0, 0, 0, 0.2)',
                        shadowBlur: 1
                    }
                }
            },
            tooltip: {
                formatter: "{a}: {c}℃",
                confine: true,
                trigger: 'axis',
                axisPointer: {
                    type: 'line',
                    label: {
                        show: true
                    }
                }
            },
            dataZoom: [{
                show: false,
                bottom: -5,
                height: 20
            }],
            series: [{
                name: '气温',
                data: [],
                type: 'line',
                symbol: 'circle',
                symbolSize: 20,
                sampling: true,
                lineStyle: {
                    normal: {
                        color: '#70B6F4',
                        width: 7,
                        type: 'solid'
                    }
                },
                itemStyle: {
                    normal: {
                        borderWidth: 3,
                        borderColor: '#FFF',
                        borderType: 'solid',
                        shadowColor: 'rgba(0, 0, 0, 0.3)',
                        shadowBlur: 5,
                        color: '#70B6F4'
                    }
                }
            }]
        },
        radaoption: {
            tooltip: {},
            radar: {
                radius: '85%',
                center: ['45%', '50%'],
                name: {
                    textStyle: {
                        color: '#888',
                        fontSize: 14,
                        padding: [3, 5]
                    }
                },
                indicator: [
                    {name: '植被覆盖指数', max: 100},
                    {name: '生物丰富度指数', max: 100},
                    {name: '环境质量指数', max: 100},
                    {name: '土地退化指数', max: 100},
                    {name: '水网密度指数', max: 100}
                ],
                splitNumber: 0,
                splitLine: {
                    lineStyle: {
                        color: '#82B4A4',
                        width: 2
                    }
                },
                splitArea: {
                    areaStyle: {
                        color: '#DFF2F0'
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: '#74A794'
                    }
                }
            },
            series: [{
                type: 'radar',
                areaStyle: {
                    normal: {
                        color: '#97C9B8',
                        opacity: 0.8
                    }
                },
                itemStyle: {
                    normal: {
                        opacity: 0
                    }
                },
                lineStyle: {
                    normal: {
                        opacity: 0
                    }
                },
                data: [
                    {
                        value: [70, 52, 85, 45, 30]
                    }
                ]
            }]
        },
        ajaxUrl: {
            '实时数据': 'http://www.jxshidi.org/zhsd/naturalFactors/findElementRealTimeByStcd.do',
            '历史数据': 'http://www.jxshidi.org/zhsd/naturalFactors/findElementsByStcdAndElementId.do',
            '视频监控': 'http://www.jxshidi.org/zhsd/station/findStationByVideo.do',
        },
        valueLimit: {
            "2.5微米颗粒物": {max: 500, min: 0},
            "10微米颗粒物": {max: 500, min: 0},
            "二氧化硫": {max: 1, min: 0},
            "二氧化碳": {max: 1000, min: 0},
            "化学需氧量": {max: 50, min: 0},
            "总氮": {max: 100, min: 0.2},
            "总磷": {max: 0.2, min: 0},
            "气压": {max: 2000, min: 0},
            "水温": {max: 100, min: 0},
            "水电导率": {max: 1, min: 0.01},
            "浊度": {max: 5, min: 0},
            "溶解氧": {max: 15, min: 0},
            "空气温度": {max: 100, min: 0},
            "空气湿度": {max: 100, min: 0},
            "负氧离子": {max: 15000, min: 0},
            "酸碱度": {max: 14, min: 0},
            "雨量": {max: 500, min: 0},
            "风向": {max: 360, min: 0},
            "风速": {max: 32, min: 0},
            "噪声": {max: 120, min: 0}
        }
    }
});