45 lines
1.1 KiB
Vue
45 lines
1.1 KiB
Vue
<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>
|