Ở các bài viết trước chúng ta đã biết cách cài đặt TIG Stack để giám sát các server, dịch vụ,…. Trong bài viết này, ta sẽ biết thêm được cách tích hợp các biểu đồ đó trong trang web, phục vụ cho nhiều mục đích khác nhau .
B1 : Thay đổi trong file grafana.ini :
vi /etc/grafana/grafana.iniChỉnh sửa các dòng sau :
B2 : Trên dashboard của Grafana, vào Panel muốn nhúng, chọn Share :
B3 : Trong tab Embed , copy đoạn code thẻ <iframe> :
Lưu ý :
- Xóa đoạn
&from=xxxxxxxxxxxxx&to=xxxxxxxxxxxxxtrong link để biểu đồ hiển thị là real-time - Thay đổi
&refresh=xxvớixxlà thời gian update cho panel - Thêm
&theme=lightnếu muốn đổi panel thành nền sáng - Thay đổi kích cỡ iframe qua thuộc tính
widthvàheight
B4 : Paste thẻ <iframe> vừa copy vào trong code html của trang web muốn nhúng (ở đây ta sẽ thử với 1 đoạn code HTML đơn giản) :
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<div style="text-align: center">
<iframe src="https://grafana.testings123.space/d-solo/9hjjWh6Wk/practice?panelId=95&orgId=1&theme=light&refresh=5s&var-host=jitsi_host&var-data_source=Jitsi&var-interval=$__auto_interval_interval" width="450" height="200" frameborder="0"></iframe>
</div>
</body>
</html>B5 : Kết quả :
Thank You