<!--
 * @Description: 示例主页
 * @Author: 王晓颖
 * @Date: 2021-07-22 16:41:46
 -->
<template>
  <div style="background-color:#000000;width:300px;height:300px;">
    <line-chart
            :x-axis-data="xAxisData"
            :legend="legend"
            :gradient="false"
            unit="次"
            :series-data="seriesData"/>
  </div>
</template>

<script>
  export default {
    name: "home",
    data(){
      return {
        legend:['单灯控制器', '灯箱'],
        xAxisData:['周一','周二','周三','周四','周五','周六','周日'],
        seriesData:[
          {name:'单灯控制器',data:[120, 252, 101, 134, 290, 230, 110], color:'0,191,255'}]
      }
    }
  }
</script>

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

</style>
