diff --git a/src/packages/components/Charts/Pies/PieCircle/config.ts b/src/packages/components/Charts/Pies/PieCircle/config.ts
index cbee4975..1510ec55 100644
--- a/src/packages/components/Charts/Pies/PieCircle/config.ts
+++ b/src/packages/components/Charts/Pies/PieCircle/config.ts
@@ -11,25 +11,27 @@ const option = {
trigger: 'item'
},
legend: {
- show: true,
+ show: true
},
dataset: 0.25,
title: {
- text: 25 + "%",
- x: "center",
- y: "center",
+ text: 25 + '%',
+ x: 'center',
+ y: 'center',
textStyle: {
- color: "#56B9F8",
+ color: '#56B9F8',
fontSize: 30
}
},
series: [
{
- type: "pie",
- radius: ["75%", "80%"],
- center: ["50%", "50%"],
+ type: 'pie',
+ radius: ['75%', '80%'],
+ center: ['50%', '50%'],
hoverAnimation: true,
- color: ["#00bcd44a", "transparent"],
+ color: ['#00bcd44a', 'transparent'],
+ startAngle: 0,
+ endAngle: 360,
label: {
show: false
},
@@ -37,21 +39,21 @@ const option = {
{
value: [25],
itemStyle: {
- color: "#03a9f4",
+ color: '#03a9f4',
shadowBlur: 10,
- shadowColor:"#97e2f5"
+ shadowColor: '#97e2f5'
}
},
{
value: [75],
itemStyle: {
- color: "#00bcd44a",
+ color: '#00bcd44a',
shadowBlur: 0,
- shadowColor:"#00bcd44a"
+ shadowColor: '#00bcd44a'
}
}
]
- },
+ }
]
}
diff --git a/src/packages/components/Charts/Pies/PieCircle/config.vue b/src/packages/components/Charts/Pies/PieCircle/config.vue
index f343aa23..61536463 100644
--- a/src/packages/components/Charts/Pies/PieCircle/config.vue
+++ b/src/packages/components/Charts/Pies/PieCircle/config.vue
@@ -82,6 +82,32 @@
/>
+
+
+
+ °
+
+
+
+
+ °
+
+
+
diff --git a/src/packages/components/Charts/Pies/PieCommon/config.ts b/src/packages/components/Charts/Pies/PieCommon/config.ts
index 09985dbe..043a088f 100644
--- a/src/packages/components/Charts/Pies/PieCommon/config.ts
+++ b/src/packages/components/Charts/Pies/PieCommon/config.ts
@@ -21,7 +21,7 @@ export const PieTypeObject = {
// 其它配置
const otherConfig = {
// 轮播动画
- isCarousel: false,
+ isCarousel: false
}
const option = {
@@ -42,6 +42,8 @@ const option = {
center: ['50%', '60%'],
roseType: false,
avoidLabelOverlap: false,
+ startAngle: 0,
+ endAngle: 360,
itemStyle: {
show: true,
borderRadius: 10,
diff --git a/src/packages/components/Charts/Pies/PieCommon/config.vue b/src/packages/components/Charts/Pies/PieCommon/config.vue
index 5666ea89..21f2800a 100644
--- a/src/packages/components/Charts/Pies/PieCommon/config.vue
+++ b/src/packages/components/Charts/Pies/PieCommon/config.vue
@@ -113,6 +113,32 @@
/>
+
+
+
+ °
+
+
+
+
+ °
+
+
+