おうちモニター(oumon)システム - Qiita

おうちのいろいろな情報の可視化をChart.js 2.xでしています。 昔はMRTGやRRDtoolなどを使ったこともありますが、実行するホストのストレージが小さいので、chart.jsを使う方法を思いつきました。chart.jsを使うメリットはホストにfontデータを持つ必要がない、またpngファイルも置く必要がないなどがあります。いつも見るものでもないpngを定期的に作っておくのは無駄です。RRDtoolなどのグラフの表示はchart.jsに比べると貧弱に見えます。 CSSでドロップダウンメニューを作り、onclickでJavascriptを実行して表示しています。HTMLやCSSやJavasciptはあまりいじることがないので、結構苦労しました。 ばらばらのHTMLに直書きされていたJavascriptを関数化して、呼び出すようにしました。 ドロップダウンメニューの説明のページはいっ

[yumu19]

おうちハックAdvent Calendar 17日目は @yamori813 さん！いろんな情報をchart.jsで可視化。 #おうちハック