Grafana にローソク足を表示するためのプラグインを入れる

Grafana にローソク足を表示するためのプラグインを入れました。 Grafana 自体は既に Docker で動作させており、後からそこにプラグインを追加しました。 やり方は以下の記事を参考にさせていただきました。 - http://hassiweb-programming.blogspot.com/2019/01/Grafana-Candlestick-Chart.html ## プラグインの入れ方 ### プラグインのダウンロード プラグインは [GitHub](https://github.com/ilgizar/ilgizar-candlestick-panel) で公開されているので、そこからダウンロードしてきます。 ```sh > wget https://github.com/ilgizar/ilgizar-candlestick-panel/raw/master/pack/ilgizar-candlestick-panel.zip ``` ### zip の展開 ```sh > unzip ilgizar-candlestick-panel.zip ``` ### Docker コンテナにコピー zip を展開して出来た `ilgizar-candlestick-panel` を Grafana の Docker コンテナ内の `/var/lib/grafana/plugins` にコピーします。 ここでは Grafana のコンテナ名は `grafana` としています。 ```sh > docker cp ilgizar-candlestick-panel grafana:/var/lib/grafana/plugins ``` ### Docker コンテナの再起動 Docker コンテナを再起動すればプラグインが認識され,グラフの種類でローソク足を選択できるようになります。 （設定方法は後述） <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvKaVo6g8TVblC-X7RlGf-y9ZNyan8dMaUnThZaZhQhNaJpBHs0hJrJPYwTLCgc_pEWfD_TP_9Sk9lTjre8gGK1_RFOBCdJ-1FK1QyCemXn0ZdJxGqxWa_Zf13P1nbtUU6MBtSjPgbk3U/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvKaVo6g8TVblC-X7RlGf-y9ZNyan8dMaUnThZaZhQhNaJpBHs0hJrJPYwTLCgc_pEWfD_TP_9Sk9lTjre8gGK1_RFOBCdJ-1FK1QyCemXn0ZdJxGqxWa_Zf13P1nbtUU6MBtSjPgbk3U/s320/01.png" width="320" height="171" data-original-width="1600" data-original-height="854" /></a> ### ダウンロードしたファイルの削除 ダウンロードしたプラグインのファイルが不要であれば削除しておきます。 ```sh > rm ilgizar-candlestick-panel.zip > rm -rf ilgizar-candlestick-panel ``` ## 設定方法 以下のように、OHLCV のそれぞれにクエリを設定していきます。 <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhErbLPZpPIDu80tHK0yf3cUpwHzCnD3zeYpSmjl2UvJ_Yz8i8nK9dBDKOEfuex_tZAuildzMOyiV7bn2OuCUOjMlJSuMWREXwyEV7kAp6Mj6jBCoPdlHN5dFVtZERPI0mjB7f7AyPfFJU/s1600/Screenshot_2019-11-15+BF+-+Grafana.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhErbLPZpPIDu80tHK0yf3cUpwHzCnD3zeYpSmjl2UvJ_Yz8i8nK9dBDKOEfuex_tZAuildzMOyiV7bn2OuCUOjMlJSuMWREXwyEV7kAp6Mj6jBCoPdlHN5dFVtZERPI0mjB7f7AyPfFJU/s320/Screenshot_2019-11-15+BF+-+Grafana.png" width="245" height="320" data-original-width="730" data-original-height="954" /></a> 上の画像では `Open` と `High` のみですが、`Low` `Close` `Volume` も同様です。 `ALIAS BY` にそれぞれ `open` `high` `low` `close` `volume` と設定することで、ローソク足として表示されるようです。 また、セレクタの選択は私は以下のようにしましたが、これで良いのかどうかはよくわかりません。 |値|ALIAS BY|セレクタ| |---|---|---| |始値|`open`|`first`| |高値|`high`|`max`| |安値|`low`|`min`| |終値|`close`|`last`| |出来高|`volume`|`sum`| とりあえず `ALIAS BY` さえ設定すれば、ローソク足が表示されます。 ## 参考 URL - http://hassiweb-programming.blogspot.com/2019/01/Grafana-Candlestick-Chart.html