diff --git a/src/components/desktop/PieChart.vue b/src/components/desktop/PieChart.vue
index 7f4dbd17..7e1f781b 100644
--- a/src/components/desktop/PieChart.vue
+++ b/src/components/desktop/PieChart.vue
@@ -1,5 +1,5 @@
 <template>
-    <v-chart class="pie-chart-container" autoresize :option="chartOptions"
+    <v-chart autoresize class="pie-chart-container" :class="{ 'transition-in': skeleton }" :option="chartOptions"
              @click="clickItem" @legendselectchanged="onLegendSelectChanged" />
 </template>
 
@@ -305,4 +305,20 @@ export default {
         height: 500px;
     }
 }
+
+.pie-chart-container.transition-in {
+    animation: pie-chart-skeleton-fade-in 2s 1;
+}
+
+@keyframes pie-chart-skeleton-fade-in {
+    0% {
+        opacity: 0;
+    }
+    20% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
 </style>