zhgdyun/src/views/projectAdmin/dataBoard/projectHuScreen/planProgress/leftBottom.vue

<template>
<!-- 质量问题 -->
<div class="containerBox">
    <div class="titleTxt">{{ title }}</div>
    <div class="myChart">
      <problemChart 
      :title="{ text: 654, subTitle: '本周总任务' ,y:'35%'}" 
      :color="['#3cabfd','#57ec72','#f294c6','#f43a8d','#6ee4f0']"
      :data="[
            { value: 45, name: '未开始' },
            { value: 5, name: '未开始延期' },
            { value: 15, name: '进行中' },
            { value: 10, name: '执行中延期' },
            { value: 45, name: '完成' }
          ]" />
    </div>
</div>
</template>

<script>
import problemChart from '../jChart/pie/JProblemChart'
export default {
components:{problemChart},
  props: {
    title: {
      type: String,
      default: "default title"
    }
  },
  data() {
    return {

    };
  },


}
</script>

<style lang="less" scoped>
.containerBox {
  width: 100%;
  height: 100%;
  border: 1px solid #0081c3;

  .titleTxt {
    font-size: 18px;
    color: #6ee4f0;
    margin-top: 5px;
    margin-left: 5px;
  }
  .myChart{
    width: 100%;
    height: 90%;
  }
}
</style>