|
|
@@ -153,83 +153,81 @@ angular.module('zhongxin', [])
|
|
153
|
153
|
}]
|
|
154
|
154
|
});
|
|
155
|
155
|
//接通率报表
|
|
156
|
|
- $('#jtv_num').highcharts({
|
|
157
|
|
- chart: {
|
|
158
|
|
- zoomType: 'xy',
|
|
159
|
|
- backgroundColor: '#100e11'
|
|
160
|
|
- },
|
|
|
156
|
+ var jtv = echarts.init(document.getElementById('jtv_num'));
|
|
|
157
|
+ option = {
|
|
161
|
158
|
title: {
|
|
162
|
159
|
text: '接通率统计',
|
|
163
|
|
- style: {
|
|
|
160
|
+ x: 'center',
|
|
|
161
|
+ textStyle: {
|
|
164
|
162
|
color: '#fff',
|
|
|
163
|
+ fontSize: 16
|
|
165
|
164
|
}
|
|
166
|
165
|
},
|
|
167
|
|
- //LOGO 去掉
|
|
168
|
|
- credits: {
|
|
169
|
|
- enabled: false
|
|
170
|
|
- },
|
|
171
|
|
- xAxis: [{
|
|
172
|
|
- categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
|
|
173
|
|
- 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
|
|
174
|
|
- ],
|
|
175
|
|
- crosshair: true
|
|
176
|
|
- }],
|
|
177
|
|
- yAxis: [{ // Primary yAxis
|
|
178
|
|
- labels: {
|
|
179
|
|
- format: '{value}%',
|
|
180
|
|
- style: {
|
|
181
|
|
- color: '#fff'
|
|
|
166
|
+ tooltip: {
|
|
|
167
|
+ trigger: 'axis',
|
|
|
168
|
+ axisPointer: {
|
|
|
169
|
+ type: 'shadow',
|
|
|
170
|
+ label: {
|
|
|
171
|
+ show: true,
|
|
|
172
|
+ backgroundColor: '#333'
|
|
182
|
173
|
}
|
|
183
|
|
- },
|
|
184
|
|
- title: {
|
|
185
|
|
- text: '比例',
|
|
186
|
|
- style: {
|
|
187
|
|
- color: '#fff',
|
|
188
|
|
- },
|
|
189
|
|
- rotation: 0,
|
|
190
|
|
- y: -170
|
|
191
|
174
|
}
|
|
192
|
|
- }, { // Secondary yAxis
|
|
193
|
|
- title: {
|
|
194
|
|
- text: '数量',
|
|
195
|
|
- style: {
|
|
196
|
|
- color: Highcharts.getOptions().colors[0]
|
|
197
|
|
- }
|
|
198
|
|
- },
|
|
199
|
|
- labels: {
|
|
200
|
|
- format: '{value} mm',
|
|
201
|
|
- style: {
|
|
202
|
|
- color: "red"
|
|
|
175
|
+ },
|
|
|
176
|
+ legend: {
|
|
|
177
|
+ top: 30,
|
|
|
178
|
+ data: ['接通量', '挂断量','未接量'],
|
|
|
179
|
+ textStyle: {
|
|
|
180
|
+ color: '#ccc'
|
|
|
181
|
+ }
|
|
|
182
|
+ },
|
|
|
183
|
+ xAxis: {
|
|
|
184
|
+ data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10,11,12,13,14,15,16,17,18,19,20,21,22,23,24],
|
|
|
185
|
+ axisLine: {
|
|
|
186
|
+ lineStyle: {
|
|
|
187
|
+ color: '#ccc'
|
|
|
188
|
+
|
|
203
|
189
|
}
|
|
204
|
190
|
},
|
|
205
|
|
- opposite: true
|
|
206
|
|
- }],
|
|
207
|
|
- tooltip: {
|
|
208
|
|
- shared: true
|
|
|
191
|
+
|
|
209
|
192
|
},
|
|
210
|
|
- legend: {
|
|
211
|
|
- align: 'right',
|
|
212
|
|
- verticalAlign: 'top',
|
|
213
|
|
- x: 0,
|
|
214
|
|
- y: 50
|
|
|
193
|
+ yAxis: {
|
|
|
194
|
+ splitLine: { show: false },
|
|
|
195
|
+ axisLine: {
|
|
|
196
|
+ lineStyle: {
|
|
|
197
|
+ color: '#ccc'
|
|
|
198
|
+ }
|
|
|
199
|
+ }
|
|
215
|
200
|
},
|
|
216
|
201
|
series: [{
|
|
217
|
|
- name: '降雨量',
|
|
218
|
|
- type: 'column',
|
|
219
|
|
- yAxis: 1,
|
|
220
|
|
- data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
|
|
221
|
|
- tooltip: {
|
|
222
|
|
- valueSuffix: ' mm'
|
|
223
|
|
- }
|
|
|
202
|
+ name: '挂断量',
|
|
|
203
|
+ type: 'line',
|
|
|
204
|
+ smooth: true,
|
|
|
205
|
+ showAllSymbol: true,
|
|
|
206
|
+ symbol: 'emptyCircle',
|
|
|
207
|
+ symbolSize: 15,
|
|
|
208
|
+ data: [10, 15, 40, 44, 30, 50, 80, 62, 55, 32,40,45,48,50,55,80,88,55,45,20,15,10,40,10]
|
|
224
|
209
|
}, {
|
|
225
|
|
- name: '温度',
|
|
226
|
|
- type: 'spline',
|
|
227
|
|
- data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6],
|
|
228
|
|
- tooltip: {
|
|
229
|
|
- valueSuffix: '°C'
|
|
230
|
|
- }
|
|
|
210
|
+ name: '接通量',
|
|
|
211
|
+ type: 'bar',
|
|
|
212
|
+ barWidth: 10,
|
|
|
213
|
+ itemStyle: {
|
|
|
214
|
+ normal: {
|
|
|
215
|
+ barBorderRadius: 5,
|
|
|
216
|
+ color: new echarts.graphic.LinearGradient(
|
|
|
217
|
+ 0, 0, 0, 1, [
|
|
|
218
|
+ { offset: 0, color: '#14c8d4' },
|
|
|
219
|
+ { offset: 1, color: '#43eec6' }
|
|
|
220
|
+ ]
|
|
|
221
|
+ )
|
|
|
222
|
+ }
|
|
|
223
|
+ },
|
|
|
224
|
+ data: [20, 33, 80, 14, 60, 42, 99, 22, 36, 19,25,30,45,80,65,55,42,50,55,66,36,23,20,21]
|
|
231
|
225
|
}]
|
|
232
|
|
- });
|
|
|
226
|
+
|
|
|
227
|
+ };
|
|
|
228
|
+
|
|
|
229
|
+ jtv.setOption(option);
|
|
|
230
|
+
|
|
233
|
231
|
//通话时长
|
|
234
|
232
|
var chart = new Highcharts.Chart('th_nums', {
|
|
235
|
233
|
chart: {
|