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 @@ /> + + + + + + + + + + + +