テンプレートテスト

ラベル Grafana の投稿を表示しています。すべての投稿を表示

2020/02/07

Grafana で凡例をフィールド名にする

## 問題点  通常は以下のように凡例が `メジャーメント名.集約関数` で表示されます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhnKRoZNt3rOrJvdWZ9UyZBhm1j0KGVgr4hnqTenSixYIbruPQf0qtc1uudrx3D2sNl5rWINE2_WVzsHR9bSMbaQVITEgFIyMst3bwWScuY_cOfiJHTCeGghOTlWgKAS0mKZeyC4KzyTw/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhnKRoZNt3rOrJvdWZ9UyZBhm1j0KGVgr4hnqTenSixYIbruPQf0qtc1uudrx3D2sNl5rWINE2_WVzsHR9bSMbaQVITEgFIyMst3bwWScuY_cOfiJHTCeGghOTlWgKAS0mKZeyC4KzyTw/s320/01.png" width="320" height="242" data-original-width="562" data-original-height="425" /></a> 一応 `alias` で任意の名前をつけることができるので、そこにフィールド名を入力すれば表示を変えることはできますが、それでもメジャーメント名は必ず先頭についてしまいます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4vaGjpW2GHAouYtTcEpElFwPknhwNq5hvb_yJ46FN-M6tE0ieNafnFDSQpG5-wRTiGDo9w5ISMCVQa55K-isBdyOkWwKcuY69ejSWZmG_Q6tYvrlZEkf5o600NeFIeLc7bVBOZ7-vP0c/s1600/02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4vaGjpW2GHAouYtTcEpElFwPknhwNq5hvb_yJ46FN-M6tE0ieNafnFDSQpG5-wRTiGDo9w5ISMCVQa55K-isBdyOkWwKcuY69ejSWZmG_Q6tYvrlZEkf5o600NeFIeLc7bVBOZ7-vP0c/s320/02.png" width="320" height="243" data-original-width="558" data-original-height="424" /></a> これを、先頭にメジャーメント名がつかないようにして、フィールド名だけを表示するようにします。  ## ALIAS BY に表示したい名前を入力する  １つのフィールドしか表示していないのであれば、これがもっとも簡単です。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTHQvUlNSordKhzX4B3p2D-vBe05zc3bXGZkRsPYbHA3RGqjvI-xNnJhM15FNd9-355GQgRpG0fVKim0RnpUgkVs7ZGDkr_t23vNBvHqh5zV-F3ss2TefZERLQoBruiHJ3hynIh6wfO4k/s1600/03.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTHQvUlNSordKhzX4B3p2D-vBe05zc3bXGZkRsPYbHA3RGqjvI-xNnJhM15FNd9-355GQgRpG0fVKim0RnpUgkVs7ZGDkr_t23vNBvHqh5zV-F3ss2TefZERLQoBruiHJ3hynIh6wfO4k/s320/03.png" width="320" height="242" data-original-width="562" data-original-height="425" /></a> ### 複数のフィールドを表示している場合  １つのクエリで複数のフィールドを表示している場合、上記の方法だとすべての凡例が `ALIAS BY` で設定した名前になってしまいます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfsBDpYFJF2VSPIBIEaELBEGpfdolvNspu5okgd5_VrYmSoALjyOyP6mu5JqM17MS83YciRKF-kSYK4qLuRsRIWXIcHUwWWrXtM1Nn-9fsyDxjoXdeTJpqprX64ZXxYMsEYko_a12BUg/s1600/04.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdfsBDpYFJF2VSPIBIEaELBEGpfdolvNspu5okgd5_VrYmSoALjyOyP6mu5JqM17MS83YciRKF-kSYK4qLuRsRIWXIcHUwWWrXtM1Nn-9fsyDxjoXdeTJpqprX64ZXxYMsEYko_a12BUg/s320/04.png" width="320" height="263" data-original-width="554" data-original-height="456" /></a> この場合、以下のようにクエリを分けることで一応対応できます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtFWjE6wb7coIueW7zXDKmdldXUy8l06cCdnwyEiygJJHVX-JF_Nsgor63Gco9jHIM4cDZjJzZUvTtJW_HXlHY6Fp2HYrHD-2Fr36rrZ_-7NmadefmyGISHUV-oyRHbzUxAM2mnDlxJg4/s1600/05.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtFWjE6wb7coIueW7zXDKmdldXUy8l06cCdnwyEiygJJHVX-JF_Nsgor63Gco9jHIM4cDZjJzZUvTtJW_HXlHY6Fp2HYrHD-2Fr36rrZ_-7NmadefmyGISHUV-oyRHbzUxAM2mnDlxJg4/s320/05.png" width="289" height="320" data-original-width="562" data-original-height="622" /></a> しかし、１つのクエリで複数のフィールドを表示している場合は、後述するように `$col` を使う必要があります。  ## ALIAS BY に $col を指定する  `ALIAS BY` で指定できる置換パターンの一つに `$col` があります。  - https://grafana.com/docs/grafana/latest/features/datasources/influxdb/  ただし、`$col` を指定した場合に表示されるのは、フィールドではなく集約関数の名前です。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiPaNQOsTuOxWL2fAgg0udhNHx8XaQhoIv5TixzdPjLVCPgAMXLcARZ_QJY0BsHRRyUGqm3GLnxvgozEm-jy-QeIAxnrnbKSHD4-RfDRPSxB0j95PYWUzrrvskiyuk_tSktMgMPT2yh2A/s1600/06.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiPaNQOsTuOxWL2fAgg0udhNHx8XaQhoIv5TixzdPjLVCPgAMXLcARZ_QJY0BsHRRyUGqm3GLnxvgozEm-jy-QeIAxnrnbKSHD4-RfDRPSxB0j95PYWUzrrvskiyuk_tSktMgMPT2yh2A/s320/06.png" width="320" height="256" data-original-width="552" data-original-height="441" /></a> InfluxDB は必ず集約関数を必要とするので、集約関数をなしにすることはできません。   従って、結局全てのフィールドに `alias` を設定してやる必要があります。   そうすれば、凡例が各フィールドの `alias` で入力した値に置換されます。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb9J_yUYI7ohlGRVBQPnfsXKIyYfSNR0nqR8ZQBZrDBT7kujgy51hHh-S83VOvKSgrOoxIoi0R2fLbb9Rd9N2TNPo3Lix7rh_oEqVCQb-0I4Vjx97Nz6dE1JJgf-78CTOvjmXGgq_Y_7k/s1600/07.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb9J_yUYI7ohlGRVBQPnfsXKIyYfSNR0nqR8ZQBZrDBT7kujgy51hHh-S83VOvKSgrOoxIoi0R2fLbb9Rd9N2TNPo3Lix7rh_oEqVCQb-0I4Vjx97Nz6dE1JJgf-78CTOvjmXGgq_Y_7k/s320/07.png" width="320" height="231" data-original-width="599" data-original-height="433" /></a>   うーん・・・、フィールド名を表示したいだけなのに結構面倒ですね。   普通に考えて凡例はフィールド名がデフォルトであるべきだと思うんですけどね。

Grafana でダッシュボードを複製（コピー）する

Grafana

コピーしたいダッシュボードの右上から `Dashboard settings` のアイコンをクリックします。   <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMiz0Qy5tDAVZ77EbQ9s6UxoT8LkGXVAB4GQNllUL43Y08KlU5CGbk7JMacs2rWbH7BPUfprMBB5nwQ3Y7YxJFRuMsZVLdlEQi22lYiKB1zSmKyWo8FzTpKadtn_GDkhjlE4XZYWAxaQU/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMiz0Qy5tDAVZ77EbQ9s6UxoT8LkGXVAB4GQNllUL43Y08KlU5CGbk7JMacs2rWbH7BPUfprMBB5nwQ3Y7YxJFRuMsZVLdlEQi22lYiKB1zSmKyWo8FzTpKadtn_GDkhjlE4XZYWAxaQU/s320/01.png" width="320" height="98" data-original-width="260" data-original-height="80" /></a> 左のメニューから `Save As ...` をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTGn5dFV2uoyI6bL_dkNqxQ3PmHkQg2C47ss9VusQccHJurHmZfdSNVLk1flm-6g6gzFOjjTnGgY6cnkqfYHJn3r61TnDnGLQPQ8-TKJwIQLY4dMxxUbfRMnEW5tIH2HTo0ErMx8u7Si0/s1600/02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTGn5dFV2uoyI6bL_dkNqxQ3PmHkQg2C47ss9VusQccHJurHmZfdSNVLk1flm-6g6gzFOjjTnGgY6cnkqfYHJn3r61TnDnGLQPQ8-TKJwIQLY4dMxxUbfRMnEW5tIH2HTo0ErMx8u7Si0/s320/02.png" width="143" height="320" data-original-width="184" data-original-height="411" /></a> `Save` をクリックすると新しい名前でダッシュボードが保存（複製）されます。

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` さえ設定すれば、ローソク足が表示されます。

Grafana のダッシュボードで全パネルのグラフにカーソルを表示する

Grafana

## 環境  - Grafana 6.2.5  ## 設定方法  ダッシュボード画面の右上から、`Dashboard settings` をクリックします。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIN4azwQKf1NPIoSpadYiTJLXoJ3ViS1k4IiuJKom4dJ_2NK012-WxhNdAzezGEWLcfE0SLFG9sLe7dMOGz5hyphenhyphencq_eLoNgOojZOMoPw9xbPGA_4XtU24mUpcs_bS_j2EfRBb4q9myBeh4/s1600/01.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIN4azwQKf1NPIoSpadYiTJLXoJ3ViS1k4IiuJKom4dJ_2NK012-WxhNdAzezGEWLcfE0SLFG9sLe7dMOGz5hyphenhyphencq_eLoNgOojZOMoPw9xbPGA_4XtU24mUpcs_bS_j2EfRBb4q9myBeh4/s320/01.png" width="320" height="32" data-original-width="499" data-original-height="50" /></a>  `Graph Tooltip` で `Shared crosshair` を選択し、保存します。  <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiqbIunFpTA7g6ITStDYxtCPyVKzfz0r1jECSoLMEyuOyjJPijVIECXlNof97uBbhqOoHwhAfaWu4D1zL2AmYuxbY7aDPE5DPOyPzo1ZfVU6_ReQ6f0u6XK5q2pYSJ7ZtBXj2Jc31ytiU/s1600/02.png" imageanchor="1" ><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiqbIunFpTA7g6ITStDYxtCPyVKzfz0r1jECSoLMEyuOyjJPijVIECXlNof97uBbhqOoHwhAfaWu4D1zL2AmYuxbY7aDPE5DPOyPzo1ZfVU6_ReQ6f0u6XK5q2pYSJ7ZtBXj2Jc31ytiU/s320/02.png" width="320" height="135" data-original-width="700" data-original-height="295" /></a> これで、全グラフにカーソルが表示されるようになります。

2019/06/19

NO IMAGE

InfluxDB を docker-compose で動かしてみる

Chronograf Docker Grafana InfluxDB

## 環境  - Docker for Windows 2.0.0.3 - InfluxDB 1.7.6  ### UI について  InfluxDB 1.3 以降、Web UI はサポートされなくなったようです。   （Docker コンテナを起動してもアクセスできず、何故だろうとちょっとはまってしまった・・・）  その代わり、InfluxDB 専用の可視化ツールとして Chronograf というのが提供されているようです。   他には Grafana などがよく使われるようですね。   ## docker-compose.yml  `docker-compose.yml` のサンプルです。    可視化ツールとして Chronograf と Grafana の両方を設定していますが、普通はどちらかしか使わないと思うので、必要に応じて使わないほうを削除してください。  ```yml version: '3.1' services:   influxdb:     container_name: influxdb     image: influxdb     ports:       - "8086:8086"     volumes:       - influxdb:/var/lib/influxdb    chronograf:     container_name: chronograf     image: chronograf     ports:       - "8888:8888"     links:       - influxdb     volumes:       - chronograf:/var/lib/chronograf    grafana:     container_name: grafana     image: grafana/grafana     links:       - influxdb     ports:       - "3000:3000"     volumes:       - grafana:/var/lib/grafana  volumes:   influxdb:   chronograf:   grafana: ```  InfluxDB へのデータ読み書きや、可視化ツールの使い方については別途記事を書こうと思います。  - [[C#] InfluxDB へのデータ書き込み](https://kuttsun.blogspot.com/2019/06/influxdb-net.html) - [Chronograf を使ってみた](https://kuttsun.blogspot.com/2019/06/chronograf.html)  ## InfluxDB へ接続できない場合  私の場合ですが、`docker-compose.yml` で links で各サービスを関連付けていたので、Chronograf や Grafana で InfluxDB へ接続する場合は、localhost などではなく、Docker のコンテナ名で指定しないと繋がりませんでした。

テンプレートテスト

2020/02/07

Grafana で凡例をフィールド名にする

2020/02/06

Grafana でダッシュボードを複製（コピー）する

2019/11/15

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

2019/11/01

Grafana のダッシュボードで全パネルのグラフにカーソルを表示する

2019/06/19

InfluxDB を docker-compose で動かしてみる

Translate

Popular Posts

Labels

Blog Archive