Optimize pie chart UI

views/user.ejs

@@ -73,7 +73,7 @@
                                           <h4 class="ui top attached block header">统计</h4>
                                           <div class="ui bottom attached segment">
                                             <div id="pie_chart_legend"></div>
-                                            <div style="width: 300px; height: 300px; margin-left: 13.5px; "><canvas style="width: 50%; " id="pie_chart"></canvas></div>
+                                            <div style="width: 260px; height: 260px; margin-left: 33.5px; "><canvas style="width: 50%; " id="pie_chart"></canvas></div>
                                           </div>
                                       </div>
                                   </div>
@@ -135,12 +135,12 @@ $(function () {
             <%= statistics["Compile Error"] %>,
           ],
           backgroundColor: [
-            "green",
+            "#66dd66",
-            "red",
+            "#ff6384",
             "darkorchid",
-            "sandybrown",
+            "#ffce56",
             "#00b5ad",
-            "rgb(0, 68, 136)"
+            "#35a0e8"
           ]
         }
       ],