「Netdata付録」の版間の差分

提供: ディーズガレージ wiki
移動先: 案内検索
(dashboard.js)
(REST API)
 
32行目: 32行目:
 
http://dz.plala.jp:8081/api/v1/chart?chart=system.cpu
 
http://dz.plala.jp:8081/api/v1/chart?chart=system.cpu
 
http://dz.plala.jp:8081/api/v1/data?chart=system.cpu&after=-1&format=array
 
http://dz.plala.jp:8081/api/v1/data?chart=system.cpu&after=-1&format=array
 +
 +
http://dz.plala.jp:8081/api/v1/info
 
</pre>
 
</pre>
  

2019年10月12日 (土) 16:47時点における最新版

RaspberryPiでnetdata の付録

ゲージが表示されない場合、https:からhttp:に切り替えてください

dashboard.js

参考: Custom dashboards

REST API

配列を処理するだけなのでdashboard.jsに頼らずともゲージの作成は可
大雑把なまとめ

http://dz.plala.jp:8081/api/v1/badge.svg?chart=CHARTS_ID
http://dz.plala.jp:8081/api/v1/data?chart=CHARTS_ID
http://dz.plala.jp:8081/api/v1/chart?chart=CHARTS_ID
http://dz.plala.jp:8081/api/v1/charts
http://dz.plala.jp:8081/api/v1/registry?action=hello access delete search
http://dz.plala.jp:8081/api/v1/alarms
http://dz.plala.jp:8081/api/v1/allmetrics?format=shell prometheus prometheus_all_hosts json

使えそうなクエリパラメータ
&format=array|json|csv|csvjsonarray|tsv|html|datatable|datasource
&options=absolute|ms|flip|jsonwrap|nonzero|percentage|objectrows
&options=seconds|milliseconds
&before=数値 &after=-数値 &points=数値 &group=average &dimensions=dimensions名 &_=UNIX時間

http://dz.plala.jp:8081/api/v1/charts
http://dz.plala.jp:8081/api/v1/chart?chart=system.cpu
http://dz.plala.jp:8081/api/v1/data?chart=system.cpu&after=-1&format=array

http://dz.plala.jp:8081/api/v1/info

EasyPieChart

参考: EASY PIE CHART by rendro
参考: GitHub - rendro/easy-pie-chart

ソース

http://dz.plala.jp/wiki_data/easypiechart.html

EasyPieChartはパーセントが基準のため他の単位では動かせない
ライブラリを改変して任意の単位に対応させる

使用ライブラリ

https://github.com/rendro/easy-pie-chart/blob/master/dist/jquery.easypiechart.js

改変箇所
190行目 書き換え

// draw bar
//drawCircle(color, options.lineWidth, percent / 100);
drawCircle(color, options.lineWidth, percent / options.maxValue);

219行目 追記

var defaultOptions = {
    maxValue: 100,
    barColor: '#ef1e25',

デフォルトのイージングをリニアにする場合 233行目辺り

 		easing: function (x, t, b, c, d) { // more can be found here: http://gsgd.co.uk/sandbox/jquery/easing/
 			/*t = t / (d/2);
 			if (t < 1) {
 				return c / 2 * t * t + b;
 			}
 			return -c/2 * ((--t)*(t-2) - 1) + b;*/
 			return c * t / d + b;
 		},

justGage

参考: justGage.com
参考: GitHub - toorshia/justgage

ソース (IEとEdgeのローカルファイルパス起動で不具合確認)

http://dz.plala.jp/wiki_data/justgage.html

gauge.js Donut

参考: gauge.js
参考: GitHub - bernii/gauge.js

ソース

http://dz.plala.jp/wiki_data/gaugejs_donut.html

gauge.js Gauge

参考: gauge.js
参考: GitHub - bernii/gauge.js

ソース

http://dz.plala.jp/wiki_data/gaugejs_gauge.html

Canvas Gauges

参考: Canvas Gauges
参考: GitHub - Mikhus/canvas-gauges

ソース

http://dz.plala.jp/wiki_data/canvas-gauges.html

Google Charts

参考: Google Charts - Visualization: Gauge

ソース

http://dz.plala.jp/wiki_data/googlechart.html

更新履歴

  • 2019.04.28 書き直し
  • 2017.08.27 書き直し
  • 2017.05.15 公開