diff --git a/src/packages/components/Charts/Pies/PieCircle/config.ts b/src/packages/components/Charts/Pies/PieCircle/config.ts index cbee497591747690384918bad275ecd4ee8566f9..1510ec55038fe1ac112de965e39ee5c8414e731a 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 f343aa23d1f78796f2f0d485dcb8b6164de46c25..6153646397c5ad6ece099f062ad88d8d954addac 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 09985dbed1194a38c54cb965bdd87a0a006a226c..043a088fd2f42d00c43f3ca393513211892a3cc7 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 5666ea899bf178ab460c297b85c31de38ff667d9..21f2800a950add6ce5ce97e78b11a3395fcea5ab 100644 --- a/src/packages/components/Charts/Pies/PieCommon/config.vue +++ b/src/packages/components/Charts/Pies/PieCommon/config.vue @@ -113,6 +113,32 @@ /> + + + + + + + + + + + +