diff --git a/src/components/desktop/PieChart.vue b/src/components/desktop/PieChart.vue
index 88ebaca9..7f4dbd17 100644
--- a/src/components/desktop/PieChart.vue
+++ b/src/components/desktop/PieChart.vue
@@ -14,6 +14,7 @@ import { formatPercent } from '@/lib/common.js';
 
 export default {
     props: [
+        'skeleton',
         'items',
         'idField',
         'nameField',
@@ -202,7 +203,8 @@ export default {
                             formatter: params => {
                                 return params.data ? params.data.displayName : '';
                             }
-                        }
+                        },
+                        animation: !self.skeleton
                     }
                 ],
                 media: [
diff --git a/src/views/desktop/statistics/TransactionPage.vue b/src/views/desktop/statistics/TransactionPage.vue
index 970982a6..b0f36d0f 100644
--- a/src/views/desktop/statistics/TransactionPage.vue
+++ b/src/views/desktop/statistics/TransactionPage.vue
@@ -137,6 +137,7 @@
                                                 {id: '2', name: '---', value: 20, color: 'a5a5aa'},
                                                 {id: '3', name: '---', value: 20, color: 'c5c5c9'}
                                             ]"
+                                            :skeleton="true"
                                             id-field="id"
                                             name-field="name"
                                             value-field="value"