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/AVvXsEhLVCRr9p-s0aDwR7qWP-T7gBAZ4nGJZSVkF9ScAzJKU06sIhv89iXoefDDjc4rZrY2jcNa1kZ30x0PqqgcH5hbRnN95bJ7iKqaQSLP73b_XBz8xBlWJNzsWU9yPzp6OFGJ83cngv7uops/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLVCRr9p-s0aDwR7qWP-T7gBAZ4nGJZSVkF9ScAzJKU06sIhv89iXoefDDjc4rZrY2jcNa1kZ30x0PqqgcH5hbRnN95bJ7iKqaQSLP73b_XBz8xBlWJNzsWU9yPzp6OFGJ83cngv7uops/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/AVvXsEhBGjukX5xTRweOphyuIDKGPeIOaPbqaXbyJLiEuZGFhK49H53vmxv4oMMssvf7plZJDphKOTrNcI8Z7KHec6lA-duNuP1xPaJ2CgdwsZLEiTBFQgyUrqhgZ76lbP6FKClt1x1tUD0gdMI/s1600/Screenshot_2019-11-15+BF+-+Grafana.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBGjukX5xTRweOphyuIDKGPeIOaPbqaXbyJLiEuZGFhK49H53vmxv4oMMssvf7plZJDphKOTrNcI8Z7KHec6lA-duNuP1xPaJ2CgdwsZLEiTBFQgyUrqhgZ76lbP6FKClt1x1tUD0gdMI/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