一、概述
這一章節我們來製作《24小時得票數量統計曲線》，這個跟10分鐘投票的增量類似，不過他顯示的是每個博主的總得票數，時間範圍我設置爲24小時，取每個小時博主的總得票數，通過這個監控，可以看到博主中長期的得票走勢。10分鐘增量統計的是瞬時峯值，而24小時得票數則反映出一種趨勢，他的應用場景很多，比如統計店鋪一個月每天的營業額，一年每個月的營業額，類似於這樣的場景，大家都可以選擇這種折線圖來實現。
投票網官方數據是統計的每個博主72小時 的得票數，因爲數據量太大，而我們的大屏顯示區域比較小，所以我們只顯示近24小時內每小時的得票數，最終效果如下：
二、實現思路
這個跟十分鐘增量圖的做法非常類似，因爲我們已經爬取了所有博主每五分鐘的投票數，所以我們只要將博主近24小時每小時的得票數查詢出來發送到頁面渲染就好了。但現在的便利條件是官方投票渠道已經把這個數據給我們統計好了，所以我們只需要從爬取官方投票渠道的數據處理後渲染到前端即可，這大大簡化sql的編寫。
三、24小時得票數量統計曲線頁面的demo數據格式分析
我們最終會將TopRightCmp.vue組件修改成10分鐘投票增量曲線組件，這個demo會顯示成如下模樣：
