|
|
@@ -228,34 +228,7 @@ const pieChartOption = (data, colors) => ({
|
|
228
|
228
|
|
|
229
|
229
|
onMounted(() => {
|
|
230
|
230
|
fetchData()
|
|
231
|
|
- setOption1(lineChartOption(generateData(30, 5, 20), '#3b82f6', '查堵数量'))
|
|
232
|
|
- setOption2(areaChartOption(generateData(30, 10000, 30000), '#22c55e'))
|
|
233
|
|
- setOption3(horizontalBarChartOption([{ name: 'T1', value: 388 }, { name: 'T2', value: 431 }], '#3b82f6'))
|
|
234
|
231
|
|
|
235
|
|
- const timeData = [
|
|
236
|
|
- { name: '02:00-04:00', value: 20 },
|
|
237
|
|
- { name: '04:00-06:00', value: 45 },
|
|
238
|
|
- { name: '06:00-08:00', value: 80 },
|
|
239
|
|
- { name: '08:00-10:00', value: 110 },
|
|
240
|
|
- { name: '10:00-12:00', value: 95 },
|
|
241
|
|
- { name: '12:00-14:00', value: 85 },
|
|
242
|
|
- { name: '14:00-16:00', value: 100 },
|
|
243
|
|
- { name: '16:00-18:00', value: 120 },
|
|
244
|
|
- { name: '18:00-20:00', value: 115 },
|
|
245
|
|
- { name: '20:00-22:00', value: 80 },
|
|
246
|
|
- { name: '22:00-24:00', value: 45 }
|
|
247
|
|
- ]
|
|
248
|
|
- setOption4(barChartOption(timeData, '#3b82f6'))
|
|
249
|
|
-
|
|
250
|
|
- setOption5(lineChartOption(generateData(30, 0.5, 3.0), '#ec4899', '查堵万分率'))
|
|
251
|
|
-
|
|
252
|
|
- setOption6(pieChartOption([
|
|
253
|
|
- { name: '水果刀', value: 1.02 },
|
|
254
|
|
- { name: '警棍', value: 0.37 },
|
|
255
|
|
- { name: '甩棍', value: 0.52 },
|
|
256
|
|
- { name: '打火机', value: 50.52 },
|
|
257
|
|
- { name: '其他', value: 47.57 }
|
|
258
|
|
- ], ['#3b82f6', '#22c55e', '#f97316', '#ec4899', '#8b5cf6']))
|
|
259
|
232
|
})
|
|
260
|
233
|
</script>
|
|
261
|
234
|
|