<template>
<!-- 质量问题 -->
  <Card :title="title">
    <JNestedRingChart :title="{ y:'30%' , 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', '#58ec72', '#f43a8d', '#f294c6', '#6ee4f0',],
          data: [
            { value: 45, name: '文明施工' },
            { value: 5, name: '未分类' },
            { value: 15, name: '安全管理' },
            { value: 10, name: '施工安全' },
            { value: 45, name: '基础工程' },
          ]
        },
        {
          roseType: 'area',
          radius: ['58%', '54%'],
          color: ['#0B1B35', '#244D8F'],
          data: [30, 40, 30, 40]
        }
      ]
    }
  }
}
</script>

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