django項(xiàng)目用higcharts統(tǒng)計(jì)最近七天文章點(diǎn)擊量
下載higcharts插件放在static文件夾下
前端引入
<script src="/static/highcharts/highcharts.js"></script> <script src="/static/highcharts/modules/exporting.js"></script> <script src="/static/highcharts/modules/oldie.js"></script> <script src="/static/highcharts/highcharts-zh_CN.js"></script>
定義在頁面中的位置
<div id="container" style="min-width:400px;height:400px"></div>
前端js
<script>
var chart = Highcharts.chart('container', {
chart: {
type: 'line'
},
title: {
text: '日點(diǎn)擊量和點(diǎn)贊量統(tǒng)計(jì)'
},
subtitle: {
text: '數(shù)據(jù)來源: terroristhouse.com'
},
xAxis: {
categories: {{ list_week_day|safe }}
},
yAxis: {
title: {
text: '數(shù)量 (次)'
}
},
plotOptions: {
line: {
dataLabels: {
// 開啟數(shù)據(jù)標(biāo)簽
enabled: true
},
// 關(guān)閉鼠標(biāo)跟蹤,對應(yīng)的提示框、點(diǎn)擊事件會失效
enableMouseTracking: false
}
},
series: [{
name: '點(diǎn)擊量',
data:{{ clicknum_list|safe }}
}, {
name: '點(diǎn)贊量',
data: {{ praise_num_list|safe }}
}]
});
</script>
路由
# 點(diǎn)擊量統(tǒng)計(jì)
re_path('article/click/', article.click,name='article/click/'),
后臺方法
from blog.utils import function
# 點(diǎn)擊量
def click(request):
recent_seven_days = function.recent_seven_days()
list_week_day = recent_seven_days[::-1] # 進(jìn)行倒序
clicknum_list = []
praise_num_list = []
# print(list_week_day)
for v in list_week_day:
click_num_obj = Praise.objects.filter(click_addtime=v,click_sort=1).aggregate(clicknum=Count('click_sort'))
praise_num_obj = Praise.objects.filter(click_addtime=v,click_sort=0).aggregate(praise_num=Count('click_sort'))
# print(click_num_obj['clicknum'],praise_num_obj['praise_num'])
clicknum = int(click_num_obj['clicknum']) if (click_num_obj['clicknum'] is not None) else 0
praise_num = int(praise_num_obj['praise_num']) if (praise_num_obj['praise_num'] is not None) else 0
clicknum_list.append(clicknum)
praise_num_list.append(praise_num)
# print(clicknum_list)
# data=[{
# 'name': '點(diǎn)擊量',
# 'data': clicknum_list
# }, {
# 'name': '點(diǎn)贊量',
# 'data': praise_num_list
# }]
# num= [ '20190624', '20190625', '20190626', '20190627', '20190628', '20190629', '20190630']
return render(request,'article/click.html',locals())
應(yīng)用目錄下創(chuàng)建untils文件夾,并在其下創(chuàng)建function.py文件,用來獲取最近七天日期
# 七天日期 def recent_seven_days():# 通過for 循環(huán)得到天數(shù),如果想得到兩周的時(shí)間,只需要把8改成15就可以了。 import datetime d = datetime.datetime.now()#2019-6-28 9:25:43.843164 lists = [] for i in range(1,8):#i:1-7 oneday = datetime.timedelta(days=i) #1 day, 0:00:00 2 days, 0:00:00 ... 7 days, 0:00:00 day = d - oneday#2019-06-27 11:32:10.186535 2019-06-26 11:32:10.186535 ... 2019-06-21 11:32:10.186535 date_to = datetime.datetime(day.year, day.month, day.day)#2019-06-27 00:00:00 2019-06-26 00:00:00 ... 2019-06-21 00:00:00 lists.append(str(date_to)[0:10])#2019-06-27 2019-06-26 ... 2019-06-21 return lists
頁面效果

總結(jié)
以上所述是小編給大家介紹的django項(xiàng)目用higcharts統(tǒng)計(jì)最近七天文章點(diǎn)擊量,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時(shí)回復(fù)大家的!
相關(guān)文章
Python實(shí)戰(zhàn)之markdown轉(zhuǎn)pdf(包含公式轉(zhuǎn)換)
由于我們markdown編輯器比較特殊,不是很方便瀏覽,如果轉(zhuǎn)換成pdf的話,就不需要可以的去安裝各種編輯器才可以看了。所以本文將介紹如何通過Python實(shí)現(xiàn)md轉(zhuǎn)pdf或者是docx,需要的朋友可以參考一下2021-12-12
PyInstaller如何打包依賴文件至目標(biāo)程序目錄
這篇文章主要介紹了PyInstaller如何打包依賴文件至目標(biāo)程序目錄,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-02-02
python正則表達(dá)式查找和替換內(nèi)容的實(shí)例詳解
在本篇文章里小編給大家整理的是一篇關(guān)于python正則表達(dá)式查找和替換內(nèi)容的實(shí)例詳解內(nèi)容,有興趣的朋友們可以跟著學(xué)習(xí)參考下。2021-10-10
用Flask實(shí)現(xiàn)token登錄校驗(yàn)的解決方案
網(wǎng)站、小程序、APP 是否已經(jīng)登錄所代表的狀態(tài),代表一個(gè)概念是登錄態(tài), 我們常用的登錄態(tài)驗(yàn)證方式有cookie,session,token,token提供了另外一種不需要緩存賬戶和密碼的登錄狀態(tài)驗(yàn)證方式,本文給大家介紹了用Flask實(shí)現(xiàn)token登錄校驗(yàn)的解決方案,需要的朋友可以參考下2024-03-03
Tensorflow實(shí)現(xiàn)在訓(xùn)練好的模型上進(jìn)行測試
今天小編就為大家分享一篇Tensorflow實(shí)現(xiàn)在訓(xùn)練好的模型上進(jìn)行測試,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-01-01
超好玩的"隔空操物"通過Python?MediaPipe庫實(shí)現(xiàn)
這篇文章主要介紹了python+mediapipe+opencv實(shí)現(xiàn)手部關(guān)鍵點(diǎn)檢測功能(手勢識別),本文僅僅簡單介紹了mediapipe的使用,而mediapipe提供了大量關(guān)于圖像識別等的方法,需要的朋友可以參考下2022-01-01
tensorflow模型繼續(xù)訓(xùn)練 fineturn實(shí)例
今天小編就為大家分享一篇tensorflow模型繼續(xù)訓(xùn)練 fineturn實(shí)例,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-01-01

