From 7998c8c7b0fbcc258fc7bc48b28f056d8941ef44 Mon Sep 17 00:00:00 2001
From: Your Name <123456>
Date: 星期三, 11 五月 2022 14:08:25 +0800
Subject: [PATCH] lct
---
src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/inspectionPerson/index.vue | 60 ++++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 54 insertions(+), 6 deletions(-)
diff --git a/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/inspectionPerson/index.vue b/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/inspectionPerson/index.vue
index db27c8a..ab266c5 100644
--- a/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/inspectionPerson/index.vue
+++ b/src/views/doublePreventAction/hiddenDanger/inspectionStatistics/components/inspectionPerson/index.vue
@@ -1,13 +1,61 @@
<template>
-
+ <div id="inspectionPerson" style="width:90%;height:360px;margin: 0 auto;">
+ </div>
</template>
<script>
- export default {
- name: "index"
+
+export default {
+ name: "index",
+ data(){
+ return{
+ barData:[],
+ myChart:'',
+ }
+ },
+ mounted(){
+ this.drawLine()
+ },
+ methods:{
+ // setCount(val){
+ // this.numData = val.map(item =>{
+ // return item.num
+ // })
+ // this.timeData = val.map(item =>{
+ // return item.errorTaskIdList
+ // })
+ // },
+ async drawLine(){
+ this.myChart = this.$echarts.init(document.getElementById('inspectionPerson'))
+ this.myChart.setOption({
+ tooltip: {
+ trigger: 'item'
+ },
+ legend: {
+ left: 'center',
+ top: '84%',
+ },
+ color:'#fac858',
+ xAxis: {
+ type: 'category',
+ data: ['2022-4-1', '2022-4-2', '2022-4-4', '2022-4-4', '2022-4-5', '2022-4-6', '2022-4-7']
+ },
+ yAxis: {
+ type: 'value'
+ },
+ series: [
+ {
+ data: [120, 200, 150, 80, 70, 110, 130],
+ type: 'bar',
+ showBackground: true,
+ backgroundStyle: {
+ color: '#5470c6'
+ }
+ }]
+ })
+ },
}
+}
</script>
-
-<style scoped>
-
+<style scoped lang="scss">
</style>
--
Gitblit v1.9.2