Skip to content

Latest commit

 

History

History
34 lines (26 loc) · 1.22 KB

README.md

File metadata and controls

34 lines (26 loc) · 1.22 KB

VnStatDashboard

A DashBoard for vnstat which using chart.js and quasar 简体中文

Notice

  • WebServer such as Nginx must add CORS support: add_header Access-Control-Allow-Origin *;
  • It will auto-load vnstat.json and generate chart if you put a valid vnstat.json at the sibling directory
  • You can do like this if you want to build a traffic monitor site for you server
sudo apt install nginx vnstat -y
git clone https://github.com/IITII/VNSTAT-DASHBOARD /var/www/vnstat
cd /var/www/vnstat && git checkout main
#sed -i "s/root \S\+/root \/var\/www\/vnstat;/g" /etc/nginx/sites-available/default \
#&& nginx -t && nginx -s reload \
echo "59 * * * * /usr/bin/vnstat --json > /var/www/vnstat/vnstat.json" \
>> /var/spool/cron/crontabs/`whoami`
crontab -l
# Now open your browser, type server ip and see the DashBoard

ScreenShot

alt

How to Use ?

For normal use, you must make sure that vnstat had collected enough data.

  • Paste & Click Button.

Fixed! -> For some reason, the interface id which you want to see must be "ens4"!!!

Know issues

  • Fixed! -> Date maybe not correct in Hour Chart, especially in February & March.