From 556430aca4efb5c8a0f1788ac65cee16036e3d77 Mon Sep 17 00:00:00 2001
From: lct123456 <lucht>
Date: 星期五, 15 四月 2022 19:48:38 +0800
Subject: [PATCH] 巡检统计
---
src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/todayUnusual/index.vue | 63 ++++++++++++++++++++++++++++++-
1 files changed, 60 insertions(+), 3 deletions(-)
diff --git a/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/todayUnusual/index.vue b/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/todayUnusual/index.vue
index db27c8a..711d517 100644
--- a/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/todayUnusual/index.vue
+++ b/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/todayUnusual/index.vue
@@ -1,11 +1,68 @@
<template>
-
+ <div id="todayUnusual" style="width:90%;height:380px;margin: 0 auto;">
+ </div>
</template>
<script>
- export default {
- name: "index"
+
+export default {
+ name: 'index',
+ data(){
+ return{
+ numData:[],
+ timeData:[],
+ }
+ },
+ mounted() {
+ this.drawTodayLine()
+ },
+ methods:{
+ async drawTodayLine(){
+ this.myChart = this.$echarts.init(document.getElementById('todayUnusual'))
+ this.myChart.setOption({
+ tooltip: {
+ trigger: 'item'
+ },
+ legend: {
+ top: '5%',
+ left: 'center'
+ },
+ series: [
+ {
+ name: 'Access From',
+ type: 'pie',
+ radius: ['40%', '70%'],
+ avoidLabelOverlap: false,
+ itemStyle: {
+ borderRadius: 10,
+ borderColor: '#fff',
+ borderWidth: 2
+ },
+ label: {
+ show: false,
+ position: 'center'
+ },
+ emphasis: {
+ label: {
+ show: true,
+ fontSize: '40',
+ fontWeight: 'bold'
+ }
+ },
+ color:['#5470c6', '#91cc75', '#fac858','#ee6666','#73c0de','#3ba272','#fc8452','#9a60b4'],
+ labelLine: {
+ show: false
+ },
+ data: [
+ { value: 1048, name: '今日完成' },
+ { value: 735, name: '今日异常' },
+ ]
+ }
+ ]
+ })
+ }
}
+}
</script>
<style scoped>
--
Gitblit v1.9.2