Fixed donut hollow background

Author: graphieros

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "2.1.3",
+  "version": "2.1.4",
   "type": "module",
   "description": "A user-empowering data visualization Vue components library",
   "keywords": [

src/components/vue-ui-donut.vue

@@ -523,7 +523,7 @@ defineExpose({
                     :filter="getBlurFilter(i)"
                 />
             </g>
-
+            
             <circle
                 :cx="svg.width / 2"
                 :cy="svg.height / 2"
@@ -575,6 +575,12 @@ defineExpose({
                 @click="selectDatapoint(arc, i)"
             />
 
+            <circle 
+                :cx="svg.width / 2" 
+                :cy="svg.height / 2" 
+                :r="svg.width - 400 - donutConfig.style.chart.layout.donut.strokeWidth / 2"
+                :fill="donutConfig.style.chart.backgroundColor"/>
+
             <!-- HOLLOW LABELS -->
             <text 
                 v-if="donutConfig.style.chart.layout.labels.hollow.total.show"