github：https://github.com/firehol/netdata

安装：https://github.com/firehol/netdata/wiki/Installation

内存使用说明：https://github.com/firehol/netdata/wiki/Memory-Requirements

配置：https://github.com/firehol/netdata/wiki/Configuration

页面定制：https://github.com/firehol/netdata/wiki/Custom-Dashboards

wiki中提到页面需要一个header：

<!DOCTYPE html>

<html lang="en">

<head>

    <title>Your dashboard</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <!-- here we will add dashboard.js -->

</head>

<body>

<!-- here we will add charts -->

</body>

</html>

页面定制：

1、页面数据加载和样式的展示都是依赖netdata server服务dashboard.js实现的，如果自定义页面中有多台服务器数据，dashboard从一台中加载一遍即可

2、数据获取依赖两个元素属性，data-netdata=""和data-host="http://netdata:19999/"，data-netdata是监控项名例如“system.cpu”，data-host是数据源服务器

3、如果元素没有自定义样式，netdata会默认选择监控项的样式

4、数据样式data-chart-library默认是dygraph（区域图），还有表盘样式easypiechart和gauge等

5、自定义样式有data-after=""/data-before=""时间区域，长宽高、最大值等，参考wiki即可

下面是两台虚拟机的自定义页面代码

<!DOCTYPE html>

<html lang="en">

<head>

    <title>Your dashboard</title>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="apple-mobile-web-app-capable" content="yes">

    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <!-- here we will add dashboard.js -->

    <script type="text/javascript" src="http://192.168.1.113:19999/dashboard.js"></script>

    <script type="text/javascript" src="http://192.168.1.114:19999/dashboard.js"></script>

</head>

<body>

<!-- here we will add charts -->

    <div data-netdata="system.cpu" data-chart-library="gauge" data-host="http://192.168.1.113:19999/" data-title="113CPU" data-units="%" data-gauge-max-value="100" data-width="18%" data-after="-420" data-points="420" data-colors="#22AA99" role="application" class="netdata-container" style="width: 18%; height: 164.5px;"></div>

    <div data-netdata="system.cpu" data-chart-library="gauge" data-host="http://192.168.1.114:19999/" data-title="114CPU" data-units="%" data-gauge-max-value="100" data-width="18%" data-after="-420" data-points="420" data-colors="#22AA99" role="application" class="netdata-container" style="width: 18%; height: 164.5px;"></div>

    <div class="netdata-group-container" id="submenu_system_load" style="display: inline-block; width: 100%">

        <div data-netdata="system.load" data-chart-library="dygraph" data-host="http://192.168.1.113:19999/" data-title="113 CPU LOAD" data-after="-1800" data-before="1800" data-height="120px"></div>

    </div>

    <div class="netdata-group-container" id="submenu_system_load" style="display: inline-block; width: 100%">

        <div data-netdata="system.load" data-chart-library="dygraph" data-host="http://192.168.1.114:19999/" data-title="114 CPU LOAD" data-after="-1800" data-before="1800" data-height="120px"></div>

    </div>

</body>

</html>

如果出现页面样式或js不兼容，可以调整dashboard.js中的引用。

页面如下

【Linux】netdata监控组件的更多相关文章

  1. Linux开源监控平台归总

    Linux开源监控平台归总 Cacti 偏向于基础监控.成图非常漂亮,需要php环境支持,并且需要mysql作为数据存储 Cacti是一个性能广泛的图表和趋势分析工具,可以用来跟踪并几乎可以绘制出任何 ...

  2. linux上监控tomcat down掉后自动重启tomcat

    p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Helvetica Neue"; color: #454545 } p. ...

  3. [转]linux 系统监控、诊断工具之 IO wait

    1.问题: 最近在做日志的实时同步,上线之前是做过单份线上日志压力测试的,消息队列和客户端.本机都没问题,但是没想到上了第二份日志之后,问题来了: 集群中的某台机器 top 看到负载巨高,集群中的机器 ...

  4. linux 进程监控

    linux 进程监控 supervise Supervise是daemontools的一个工具,可以用来监控管理unix下的应用程序运行情况,在应用程序出现异常时,supervise可以重新启动指定程 ...

  5. Linux性能监控

    转自:http://blog.csdn.net/chosen0ne/article/details/8200737 linux性能监控,就是要监控系统的各个子系统是否正常.linux主要的子系统包括: ...

  6. Linux中监控命令top命令使用方法详解

    收集了两篇关于介绍Linux中监控命令top命令的详细使用方法的文章.总的来说,top命令主要用来查看Linux系统的各个进程和系统资源占用情况,在监控Linux系统性能方面top显得非常有用,下面就 ...

  7. Linux 性能监控的18个命令行工具

    对于系统和网络管理员来说每天监控和调试Linux系统的性能问题是一项繁重的工作.在IT领域作为一名Linux系统的管理员工作5年后,我逐渐 认识到监控和保持系统启动并运行是多么的不容易.基于此原因,我 ...

  8. Linux 下监控用户最大进程数参数（nproc）是否到达上限

    Linux 下监控用户最大进程数参数(nproc)是否到达上限的步骤: 1.查看各系统用户的进程(LWP)数: 注意:默认情况下采用 ps 命令并不能显示出所有的进程.因为 Linux 环境下执行多线 ...

  9. linux下监控jvm 使用的方法

    之前一直用jconsole监控jvm,图形界面简单易用,最近因为需要在纯linux下进行操作,所以总结了一下 linux下监控jvm的例子,这次主要用到了jstat工具, 各个参数意义: jstat ...

随机推荐

  1. 关于HTTP的几种

    301.404.200.304等HTTP状态,代表什么意思? 如果某项请求发送到您的服务器要求显示您网站上的某个网页(例如,用户通过浏览器访问您的网页或 Googlebot 抓取网页时),服务器将会返 ...

  2. Jquery EasyUI Tree .net实例

    图片: 针对tree: 数据库: CREATE TABLE [dbo].[SystemModel]( [Id] [,) NOT NULL, [Name] [nvarchar]() NULL, [Fat ...

  3. 2015百度之星1002 查找有序序列（RMQ+主席树模板水过）

    题意:求在数列中能找到几个个长度为k 的区间,里面的 k 个数字排完序后是连续的. 思路:枚举范围,判断区间内是否有重复的数字(主席树),没有的话求区间最大-区间最小(RMQ),判断是否等于K,是的话 ...

  4. SQL 函数集锦

    ..STUFF()用另一子串替换字符串指定位置.长度的子串.STUFF (<character_expression1>, <start_ position>, <len ...

  5. Scalding初探之二：动手来做做小实验

    输入文件 Scalding既可以处理HDFS上的数据,也可以很方便地在本地运行处理一些test case便于debug,Source有好多种 1 TextLine(filename) TextLine ...

  6. 用javascript判断一个html元素是否存在的五种方法：

    1. 判断表单元素是否存在(一) if("periodPerMonth" in document.theForm){ return true; }else{ return fals ...

  7. CSS超出部分显示省略号…代码

    让DIV,LI等元素超出部分文字用省略号…显示. 示例: 兼容IE/Firefox/Chrome 代码: display:block;white-space:nowrap; overflow:hidd ...

  8. 用正则从html代码中提取图片路径

    $str = '<div align="center"> <img src="http://www.99tyg.com/public/images/e8 ...

  9. JavaScript学习中的挑战

    当人们尝试学习 JavaScript , 或者其他编程技术的时候,常常会遇到同样的挑战: 有些概念容易混淆,特别是当你学习过其他语言的时候.很难找到学习的时间(有时候是动力).一旦当你理解了一些东西的 ...

  10. Ubuntu中开启MySQL远程访问功能，并将另一个数据库服务器中的数据迁移到新的服务器中

    一.开启MyS远程访问功能 1.进入服务器输入netstat -an | grep 3306确认3306是否对外开放,MySQL默认状态下是不对外开放访问功能的.输入以上命令之后如果端口没有被开放就会 ...