<!--
 * @Description: 智慧管网报警分析-历史报警趋势
 * @Author: 王晓颖
 * @Date: 2021-07-14 16:53:48
 -->
<template>
  <container1 title="智慧管网报警分析">
    <div style="width: 100%;height: 100%;">
      <gradient-line-chart :x-axis-data="xAxisData" :series-data="seriesData"/>
    </div>
  </container1>
</template>

<script>
  import Container1 from "@/components/container/container1"
  import GradientLineChart from "@/components/echart/lineChart/gradientLineChart";
  export default {
    name: "deviceAlarmHistory",
    components: {GradientLineChart, Container1},
    data(){
      return {
        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
        seriesData:[
          {name:'井盖状态监测仪',data:[120, 252, 101, 134, 290, 230, 110],color:'58,55,194'},
          {name:'液位监测仪',data:[120, 222, 191, 234, 250, 200, 310],color:'109,202,23'},
          {name:'有害气体',data:[3, 2, 1, 2, 0, 2, 1],color:'248,211,81'},
          {name:'消防栓',data:[0, 0, 1, 0, 0, 0, 0],color:'255,192,203'},
        ]
      }
    },
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>

</style>
