feat：仪表盘缺口方向和角度计算

components/DashboardProgress/DashboardProgress.vue

@@ -52,6 +52,41 @@
 							[1, this.elementInfo.option.progress.trailColor]
 						]
 						const strokeWidth = this.elementInfo.option.progress.strokeWidth
+                        var startAngle = 180
+                        var endAngle = 0
+                        switch (this.elementInfo.option.progress.gapPosition) {
+                            case 'bottom':
+                                if (this.elementInfo.option.progress.gapDegree > 180) {
+                                    startAngle = 90 + (360 - this.elementInfo.option.progress.gapDegree) / 2
+                                    endAngle = 90 - (360 - this.elementInfo.option.progress.gapDegree) / 2
+                                } else {
+                                    startAngle = 270 - this.elementInfo.option.progress.gapDegree / 2
+                                    endAngle = 0 - (90 - this.elementInfo.option.progress.gapDegree / 2)
+                                }
+                                break;
+                            case 'top':
+                                if (this.elementInfo.option.progress.gapDegree > 180)  {
+                                    startAngle = 270 + (360 - this.elementInfo.option.progress.gapDegree) / 2
+                                    endAngle = 270 - (360 - this.elementInfo.option.progress.gapDegree) / 2
+                                } else {
+                                    startAngle = 360 + (90 - this.elementInfo.option.progress.gapDegree / 2)
+                                    endAngle = 90 + (this.elementInfo.option.progress.gapDegree / 2)
+                                }
+                             break;
+                            case 'left':
+                                if (this.elementInfo.option.progress.gapDegree > 180) {
+                                    startAngle = 0 + (360 - this.elementInfo.option.progress.gapDegree) / 2
+                                    endAngle = 0 - (360 - this.elementInfo.option.progress.gapDegree) / 2
+                                } else {
+                                    startAngle = 180 - this.elementInfo.option.progress.gapDegree / 2
+                                    endAngle = -180 + this.elementInfo.option.progress.gapDegree / 2   
+                                }
+                             break;
+                            default:
+                                startAngle = 360 - this.elementInfo.option.progress.gapDegree / 2
+                                endAngle = 0 + this.elementInfo.option.progress.gapDegree / 2
+                             break;
+                        }
 						const options = {
 							...this.elementInfo.option,
 							tooltip: {
@@ -63,15 +98,15 @@
 								top: '45%',
 								textStyle: {
 									fontSize: 30,
-									color: '#000000',
+									color: '#ffffff',
 								},
 							}],
 							series: [{
 								type: 'gauge',
 								// center: ['50%', '50%'],
 								radius: '50%',
-								startAngle: '180',
-								endAngle: '0',
+								startAngle: startAngle,
+								endAngle: endAngle,
 								pointer: {
 									show: false,
 								},
@@ -84,6 +119,7 @@
 										shadowOffsetY: 0,
 										opacity: 1,
 									},
+                                    roundCap: this.elementInfo.option.progress.strokeLinecap == 'round' ? true : false 
 								},
 								splitLine: {
 									show: false