Daftar Isi
Blog.VPNGAME.com — Cara Menambahkan Chart Baru (Custom) Pada NetMonitor. Kalian bisa menambahkan chart baru pada Netmonitor sesuai keinginan kalian. NetMonitor menampilkan chart pada menu LuCI melalui NetData. Di Netdata terdapat beberapa chart yang bisa kalian tambahkan ke NetMonitor dengan cara mengedit file html pada NetMonitor. Untuk cara menambahkannya kalian bisa simak tutorial berikut ini.
Menambahkan Chart Pada NetMonitor
Terdapat beberapa bentuk chart, ada yang berbentuk meteran, batang dan bulat. Pada tutorial kali ini akan dibahas cara menambahkan chart baru sesuai kebutuhan kalian.
1. Pertama silahkan buka panel Netdata pada link berikut ini:
2. Selanjutnya silahkan pilih chart yang ingin kalian tambahkan. Klik menu pada bagian navigasi.
3. Pada contoh kali ini kita akan menambahkan Network Interfaces wlan0.
4. Setelah selesai menentukan chart, kalian bisa File explorer atau akses file lewat WinSCP. Selanjutnya silahkan buka folder www.
5. Lalu buka file netdata.html.
6. Kemudian klik Advanced Editor.
7. Silahkan scroll kebawah lalu cari line <h3>Network Monitor</h3><center>
8. Pada bagian bawah, kalian bisa tambahkan format chart baru. Silahkan salin lalu ubah format chart berikut ini:
Chart Berbentuk Meteran
<div data-netdata="CHART.BARU" data-chart-library="gauge" data-title="NAMA CHART" data-width="250px" data-after="-720" data-points="720" data-colors="#ee9911"> </div>
Chart Berbentuk Pie (Bulat)
<div data-netdata="CHART.BARU" data-chart-library="easypiechart" data-title="NAMA CHART" data-width="250px" data-after="-720" data-points="720" data-colors="#ee9911"> </div>
Ch4rt Berbentuk Batang (Bar)
<br><br> <div data-netdata="CHART.BARU" data-chart-library="dygraph" data-title="NAMA CHART" data-height="150px" data-width="100%" data-after="-720" data-points="720" data-colors="#66AA00"> </div>
9. Salin format chart yang ingin kalian gunakan.
10. Silahkan paste pada bagian bawah </div> atau di atas <div>. Sesuaikan posisinya, jika ingin menaruh pada bagian atas, silahkan paste di atas, begitu juga sebaliknya.
11. Selanjutnya silahkan ubah data-netdata, sesuaikan dengan chart pada netdata. Berikut ini adalah contohnya:
12. Kemudian silahkan ubah data-title dengan nama chart yang ingin kalian gunakan.
13. Ubah data-width sesuai dengan ukuran chart yang ingin kalian tambahkan.
14. Kemudian kalian bisa mengubah warna chart pada data-colors, silahkan gunakan format hex https://htmlcolorcodes.com/
15. Terakhir silahkan Save.
16. Kemudian silahkan buka menu Status > Netmonitor. Maka chart baru akan tampil.
Done. Selamat mencoba dan semoga bermanfaat.