<template>
  <Card :title="title">
    <JNestedRingChart :title="{ text: 652, subTitle: '本周总任务' }" :series="series" />
  </Card>
</template>

<script>
import Card from '../components/Card.vue'
import JNestedRingChart from '../jChart/pie/JNestedRingChart.vue'
export default {
  components: { Card, JNestedRingChart },
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      series: [
        {
          color: ['#3CABFD', '#F43A8B', '#F294C6', '#56EC6F', '#786FF0', '#6EE4EE'],
          data: [
            { value: 45, name: '未戴安全帽' },
            { value: 5, name: '危险区域闯入' },
            { value: 15, name: '人员聚集报警' },
            { value: 10, name: '未穿反光衣' },
            { value: 45, name: '明火监测报警' },
            { value: 45, name: '烟雾监测报警' }
          ]
        },
        {
          roseType: 'area',
          radius: ['58%', '54%'],
          color: ['#0B1B35', '#244D8F'],
          data: [30, 40, 30, 40]
        }
      ]
    }
  }
}
</script>

<style lang="less" scoped></style>
