diff --git a/resources/assets/js/projects/components/charts/pieLabelChart.vue b/resources/assets/js/projects/components/charts/pieLabelChart.vue
index b8f9de02e..2b7a054f3 100644
--- a/resources/assets/js/projects/components/charts/pieLabelChart.vue
+++ b/resources/assets/js/projects/components/charts/pieLabelChart.vue
@@ -42,7 +42,7 @@ export default {
                 ret.push(formatObj);
             }
 
-            return ret;
+            return ret.sort((a, b) => b.value - a.value);
         },
         option() {
             return {
@@ -60,6 +60,12 @@ export default {
                     trigger: 'item',
                     formatter: '{b} : <b>{c}</b> ({d}%)'
                 },
+                legend: {
+                    orient: 'horizontal',
+                    bottom: '5%',
+                    left: 'center',
+                    type: 'scroll',
+                },
                 series: [
                     {
                         type: 'pie',