尝试提高数据分析页面折线图加载速度

SunQQQ · SunQQQ · commit 5997581d65a4 · 2022-02-12T12:20:52.000+08:00
diff --git a/blog-user/index.html b/blog-user/index.html
@@ -1,4 +1,4 @@
 <!DOCTYPE html><html><head><meta charset=utf-8><title>孙权的博客</title><meta http-equiv=X-UA-Compatible content="IE=edge"><meta name=viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><meta name=keywords content="孙权的博客,sunq's blog,sunq,sunq's blog,个人博客,vue.js+node.js,vue.js,node.js,vue,jquery,css3,html5,前端博客,前端技术,css3学习,前端"><meta name=description content=孙权，前端程序猿，自己的技术博客，会一直更新。><link rel=icon href=favicon.jpg><meta name=google-site-verification content=Z4gA0x6X_RESh5-dFgNOtRjV9GFGqSrQCh3kXYgBTrQ><link href=https://cdn.bootcss.com/github-markdown-css/2.10.0/github-markdown.min.css rel=stylesheet><script async src=//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js></script><script>(adsbygoogle = window.adsbygoogle || []).push({
         google_ad_client: "ca-pub-8100230607365371",
         enable_page_level_ads: true
-      });</script><link href=css/app.9d0f7099.css rel=preload as=style><link href=js/app.8f1783cc.js rel=preload as=script><link href=js/chunk-vendors.68751b68.js rel=preload as=script><link href=css/app.9d0f7099.css rel=stylesheet></head><body><noscript><strong>We're sorry but sunblog doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><div style="display: none;"><script src="https://s13.cnzz.com/z_stat.php?id=1275087148&web_id=1275087148" language=JavaScript></script></div><script src=js/chunk-vendors.68751b68.js></script><script src=js/app.8f1783cc.js></script></body></html>
+      });</script><link href=css/app.aa3425b3.css rel=preload as=style><link href=js/app.ce7ec6d5.js rel=preload as=script><link href=js/chunk-vendors.68751b68.js rel=preload as=script><link href=css/app.aa3425b3.css rel=stylesheet></head><body><noscript><strong>We're sorry but sunblog doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id=app></div><div style="display: none;"><script src="https://s13.cnzz.com/z_stat.php?id=1275087148&web_id=1275087148" language=JavaScript></script></div><script src=js/chunk-vendors.68751b68.js></script><script src=js/app.ce7ec6d5.js></script></body></html>
diff --git a/src/components/MainPage/analytics.vue b/src/components/MainPage/analytics.vue
@@ -336,7 +336,9 @@
           Success: function (data) {
             let dates = [], readings = [], ipArray = [];
 
+            // 因处理数据耗时较长，添加loading，并提前渲染折线图，缓解页面空白太久
             Store.commit('ChangeLoading', true);
+            that.lineChart.setOption(that.lineChartOption);
 
             if (!that.todayVisit) that.todayVisit = data.dateCountList[0].reading;     // 设置今日浏览量PV
             if (!that.todayIpNum) that.todayIpNum = data.dateCountList[0].ipNum;     // 设置今日IP数
