|
|
@@ -38,7 +38,7 @@ watch(
|
|
|
echartDatas.value=data
|
|
|
getOption();
|
|
|
},
|
|
|
- { deep : true, }
|
|
|
+ { immediate : true, }
|
|
|
);
|
|
|
|
|
|
function getOption() {
|
|
|
@@ -48,7 +48,7 @@ function getOption() {
|
|
|
title: {
|
|
|
text: '风险比例分析',
|
|
|
left: '20%',
|
|
|
- top: 5,
|
|
|
+ top: 0,
|
|
|
textStyle: {
|
|
|
color: '#fff',
|
|
|
fontSize: 14,
|
|
|
@@ -67,7 +67,7 @@ function getOption() {
|
|
|
name: '',
|
|
|
type: 'pie',
|
|
|
radius: '50%',
|
|
|
- center: ['32%', '50%'],
|
|
|
+ center: ['30%', '54%'],
|
|
|
color: ['rgb(131,249,103)', '#FBFE27', '#FE5050', '#1DB7E5'], //'#FBFE27','rgb(11,228,96)','#FE5050'
|
|
|
data: echartDatas.value.sort(function (a, b) {
|
|
|
return a.value - b.value
|
|
|
@@ -76,9 +76,9 @@ function getOption() {
|
|
|
|
|
|
label: {
|
|
|
normal: {
|
|
|
- formatter: ['{d|{d}%}', '{b|{b}}'].join('\n'),
|
|
|
+ formatter: ['{c|{c}}', '{b|{b}}'].join('\n'),
|
|
|
rich: {
|
|
|
- d: {
|
|
|
+ c: {
|
|
|
color: '#00d8ff',
|
|
|
fontSize: 14,
|
|
|
fontWeight: 'bold',
|
|
|
@@ -95,11 +95,11 @@ function getOption() {
|
|
|
labelLine: {
|
|
|
normal: {
|
|
|
lineStyle: {
|
|
|
- color: 'rgb(98,137,169)',
|
|
|
+ color: '#eee',
|
|
|
},
|
|
|
smooth: 0.2,
|
|
|
length: 10,
|
|
|
- length2: 15,
|
|
|
+ length2: 10,
|
|
|
|
|
|
}
|
|
|
},
|
