Hướng dẫn tích hợp biểu đồ Grafana trong trang web

30/12/2020

Ở 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.ini

Chỉ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=xxxxxxxxxxxxx trong link để biểu đồ hiển thị là real-time
  • Thay đổi &refresh=xx với xx là thời gian update cho panel
  • Thêm &theme=light nếu muốn đổi panel thành nền sáng
  • Thay đổi kích cỡ iframe qua thuộc tính width và 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ả :

Sandclock IDC thành lập vào năm 2012, là công ty chuyên nghiệp tại Việt Nam trong lĩnh vực cung cấp dịch vụ Hosting, VPS, máy chủ vật lý, dịch vụ Firewall Anti DDoS, SSL… Với 10 năm xây dựng và phát triển, ứng dụng nhiều công nghệ hiện đại, Sandclock IDC đã giúp hàng ngàn khách hàng tin tưởng lựa chọn, mang lại sự ổn định tuyệt đối cho website của khách hàng để thúc đẩy việc kinh doanh đạt được hiệu quả và thành công.
Bài viết liên quan

Cài đặt Prometheus trên CentOS 7

Prometheus là một trong số các công cụ dùng để giám sát rất hữu ích hiện nay. Dưới đây sẽ là...
28/09/2021

Jitsi [Part 2] – Hướng dẫn cài đặt Jitsi Meet trên Ubuntu 18.04 LTS

Jitsi hiện đang là một trong số những công cụ hội nghị truyền hình mã nguồn mở được sử...
30/12/2020

Quản lý cơ sở dữ liệu MariaDB trên CentOS 7

MariaDB là một hệ quản trị cơ sở dữ liệu được sử dụng phổ biến hiện nay. Vậy nó làm...
30/12/2020
Bài Viết

Bài Viết Mới Cập Nhật

Hướng dẫn chuyển đổi windows server windows evaluation to standard và active windows server 2008 + 2012 + 2016 + 2019
26/10/2021

How to Update Ubuntu Linux
24/10/2021

Squid Proxy Manager cài đặt và quản lý Proxy Squid tự động trên ubuntu
20/10/2021

Hướng dẫn cài đặt Apache CloudStack 4.15.2.0
19/10/2021

Hướng dẫn ký file PDF bằng chữ ký số (chữ ký điện tử) và sửa lỗi mới nhất 2021 foxit reader
19/10/2021