From 421d5510fa769b99aa41dadfc7dfa59a5939a642 Mon Sep 17 00:00:00 2001 From: Admin <978517621@qq.com> Date: 星期一, 05 九月 2022 17:09:36 +0800 Subject: [PATCH] Default Changelist --- src/views/riskWarningSys/warningBigScreen/components/profession.vue | 137 +++++++++++++++++++++++---------------------- 1 files changed, 69 insertions(+), 68 deletions(-) diff --git a/src/views/riskWarningSys/warningBigScreen/components/profession.vue b/src/views/riskWarningSys/warningBigScreen/components/profession.vue index ed926bf..215c675 100644 --- a/src/views/riskWarningSys/warningBigScreen/components/profession.vue +++ b/src/views/riskWarningSys/warningBigScreen/components/profession.vue @@ -1,9 +1,9 @@ <template> <div class="charts-cont"> -<!-- <div class="pro" :id="pro">--> + <div class="pro" :id="pro"> -<!-- </div>--> - <dv-active-ring-chart :config="config" style="width:100%;height:100%" /> + </div> +<!-- <dv-active-ring-chart :config="config" style="width:100%;height:100%" />--> </div> </template> @@ -51,74 +51,74 @@ lineWidth: fontSize(25), digitalFlopStyle: { fontSize: 16, - fill: '#fff' + fill: '#999' } } }) - // type EChartsOption = echarts.EChartsOption - // // 隐患整改情况 - // const initPro =()=>{ - // let dom = document.getElementById(pro.value); - // let myChart = echarts.init(dom); - // - // let option: EChartsOption; - // - // option = { - // tooltip: { - // trigger: 'item' - // }, - // legend: { - // top: '0', - // left: 'center', - // textStyle:{ - // color: '#fff', - // fontSize: fontSize(11) - // } - // }, - // series: [ - // { - // name: 'Access From', - // type: 'pie', - // radius: ['45%', '70%'], - // avoidLabelOverlap: false, - // itemStyle: { - // borderRadius: 4 - // }, - // label: { - // show: true, - // position: 'outer', - // fontSize: fontSize(12), - // color: '#ffffff', - // textBorderWidth: 0, - // width: 30, - // overflow: 'break' - // }, - // labelLine: { - // show: true, - // length: 10, - // length2: 10 - // }, - // emphasis: { - // label: { - // show: true, - // fontSize: fontSize(22), - // fontWeight: 'bold' - // } - // }, - // data: [ - // { value: 1048, name: '持证人员' }, - // { value: 735, name: '非持证人员' } - // ], - // center: ['50%','55%'] - // } - // ] - // }; - // - // option && myChart.setOption(option); - // window.addEventListener("resize",function (){ - // myChart.resize(); - // }); - // } + type EChartsOption = echarts.EChartsOption + // 隐患整改情况 + const initPro =()=>{ + let dom = document.getElementById(pro.value); + let myChart = echarts.init(dom); + + let option: EChartsOption; + + option = { + tooltip: { + trigger: 'item' + }, + legend: { + top: '0', + left: 'center', + textStyle:{ + color: '#999', + fontSize: fontSize(11) + } + }, + series: [ + { + name: 'Access From', + type: 'pie', + radius: ['45%', '70%'], + avoidLabelOverlap: false, + itemStyle: { + borderRadius: 4 + }, + label: { + show: true, + position: 'outer', + fontSize: fontSize(12), + color: '#999', + textBorderWidth: 0, + width: 30, + overflow: 'break' + }, + labelLine: { + show: true, + length: 10, + length2: 10 + }, + emphasis: { + label: { + show: true, + fontSize: fontSize(22), + fontWeight: 'bold' + } + }, + data: [ + { value: 1048, name: '持证人员' }, + { value: 735, name: '非持证人员' } + ], + center: ['50%','55%'] + } + ] + }; + + option && myChart.setOption(option); + window.addEventListener("resize",function (){ + myChart.resize(); + }); + } function fontSize(val){ let nowClientWidth = document.documentElement.clientWidth; return val * (nowClientWidth/1920) * Number(props.size); @@ -126,6 +126,7 @@ // 页面载入时执行方法 onMounted(() => { + initPro() }); return { -- Gitblit v1.9.2