Grafana: 【特技】条件付き書式

作成日 2018年03月28日 · 77コメント · ソース: grafana/grafana

序章

執筆時点（Grafana v5.1-pre）では、次のサポートがあります。

数値範囲と3色に基づいて、Singlestatパネルの背景/値に色を付ける
数値範囲と3色に基づいて、テーブルパネルのセル/値/行に色を付ける

テーブルパネルとシングルスタットパネルのカラーリングのサポートを強化することを要求する機能のリクエスト/問題がたくさんあります。

＃7631 [機能リクエスト] Singlestatパネルでテキストから値へのマッピングを許可する
＃3601テーブルパネル：正規表現パターンマッチに基づいてセル値を色付けする
＃9500機能リクエスト：テーブルの時間列のしきい値を許可する
＃36083つ以上のコンマ区切り値を持つしきい値
＃8404 [機能リクエスト] Singlestat null value color
＃4821テーブルパネルの色付けでは、参照されている列を表示する必要はありません
＃9709グラデーションカラーのシングルスタットパネル
＃7411 [機能リクエスト] Singlestatsパネルの可変しきい値
＃7286 [機能リクエスト]テーブルの行および/または列のスタイル

これまで、上記の問題のいくつかを解決しようとしたPRをいくつか受け取ってきましたが、ユーザーの観点からソリューションを理解するのが難しいか、Grafanaコードベースになるため、それらをマージできませんでした。 / featuresはますます粉々になりました。

提案

この問題は、上記の問題のすべて（またはほとんど）を解決するための1つの解決策を見つけ、それによって優れた一貫したユーザーエクスペリエンスを提供することを目的としています。そうは言っても、これが良い方法であると判断した場合は、これを小さな問題に分割したいと思うでしょう。

一般に、アラートの条件エディターは、ルール/条件付き書式エディターの機能と非常によく似ており、いくつかの変更を加えるだけで非常にうまく適合します。これは、これを実装するときに考慮すべき点です。

条件付きルール評価者

条件付き書式を必要とするパネルは、条件付きルールを評価するための独自のソリューションを実装する必要はないため、これをコアコンポーネント/ヘルパーライブラリにする必要があります。
このコンポーネントが、サポートするルールタイプのリストも返すことができれば便利です。

ルールタイプの例：

値が空です
値は空ではありません
テキストに含まれる
テキストに含まれていない
テキストはで始まります
テキストはで終わります
テキストは正確に
日付は
日付は前です
日付は後です
大なり記号
以上
未満
以下
等しい
と等しくない
は間に
間ではありません

シングルスタットパネル-背景/値を色付け

現在の機能と比較したここでの変更点は

今日の最大3つと比較して、無制限の量のカラーフォーマットを定義できます。
空/空でない値に基づくカラーリングのサポートを可能にします
文字列/テキスト値に基づく色付けのサポートを可能にします
日付/期間の値に基づいたカラーリングのサポートが可能になります

必要な/必要な機能を強調するためのUXモックアップ/例

テーブルパネル-セル/値/行に色を付ける

現在の機能と比較したここでの変更点は

今日の最大3つと比較して、無制限の量のカラーフォーマットを定義できます。
空/空でない値に基づくカラーリングのサポートを可能にします
文字列/テキスト値に基づく色付けのサポートを可能にします
日付/期間の値に基づいたカラーリングのサポートが可能になります
非表示/非レンダリング列に基づいて行を色付けするためのサポートを可能にします

現在、定義された各列スタイルのしきい値を定義できます。条件付き書式ルールを適用する列を賢明に決定できるため、この可能性を継続したいと思うかもしれません。

一方、列スタイルは基本的に、特定のデータ型やオプションなどを使用して列セルをレンダリングする方法や生の列値を変換する方法のオプションを提供するため、列スタイルを使い続けるのは非常に奇妙です。色付けに関しては、現在、セル/値/行をサポートしています。セルまたは行に影響を与え、ルールはデータソースクエリから返された生データに基づいて評価されます。これは変換/オプションの後ではありません。以下のモックアップには、基本的にデータソースクエリから返されたすべての行と列をスキャンして条件付き書式を適用する非常に単純なUXがあります。

[列スタイル]タブ内に条件付き書式を設定する1つのオプションは、特定のタブの下で列ごとに条件付き書式ルールを適用できるようにすることです。基本的に以下のモックアップと同様ですが、ルールを適用する列を決定するための追加のロジックがあります。このソリューションには、非表示/非レンダリング列に基づく行の条件付き書式設定をサポートできるという利点があります。

必要な/必要な機能を強調するためのUXモックアップ/例

上位互換性

既存のシングルスタットおよびテーブルパネルのJSONモデルに必要な変更はすべて上位互換性がある必要があります。つまり、カラーリング/しきい値が有効になっているシングルスタット/テーブルパネルで保存された既存のダッシュボードは、そのようなダッシュボードがレンダリングされたときに新しいソリューションに移行/変換する必要があります。

arepanesinglestat arepanetable typfeature-request typux

ソース

marefr

👍276 ❤44 🎉27 🚀17 👀15

最も参考になるコメント

短い更新。私たちはAngularからReactへの移行に焦点を合わせてきましたが、このため、これを調べることができませんでした。グラフ、表、その他のパネルがReactに移行された後、これを調査して、すべてのコアパネルと外部パネルで再利用できる将来性のあるソリューションにします。

marefr 2019年02月18日

👍21

全てのコメント77件

この提案はかなりいいと思います。私が言及したいことの1つは、これに関連していることです。他のクエリに基づいてしきい値を定義できれば、パネルとアラートは非常に強力になります。

例として、cephクラスターの監視があります。 Cephは、クォーラムを形成するために一連のデーモンを必要とします。クォーラム内のデーモンの数を追跡するパネルを作成するオプションがあると非常に役立ちます。a） number_in_quorum < number_all_daemons場合は黄色になり、b） number_in_quorum < number_all_daemons / 2 + 1場合は赤になります。

jan--f 2018年04月03日

@torkeloこれについて何か

marefr 2018年04月05日

これはとても面白そうだと思います。概念を一般化し、ある意味で使いやすくします（現在のしきい値のcsv文字列は少し混乱します）

torkelo 2018年04月09日

この入力をどこで因数分解する必要があるかわかりません...しかし、たとえば、列Aにはテキスト値が含まれ、列Bには数値（0または1）が含まれ、非表示になっていることを確認したいと思います。ディスプレイ。列Bが0の場合、列Aは赤（白のテキスト付き）に色付けされ、列Bが1の場合、列Aは緑（白のテキスト付き）に色付けされます。言い換えると、ある列を参照して別の列の色属性を制御することはできますか、あるいは、他の列データを考慮して列の色の条件を表すことはできますか？

centipede16 2018年04月17日

@ centipede16はい、それがテーブルパネルのこの行の内容です

非表示/非レンダリング列に基づいて行を色付けするためのサポートを可能にします

marefr 2018年04月19日

Ok。そのような機能が暫定的に利用可能になる時期の大まかな時間枠はありますか？たとえば、2018年のいつか、またはまだコミットメントが行われていませんか？

centipede16 2018年04月19日

現在、時間枠やマイルストーンはありませんが、この問題と関連する問題には多くの票がありますので、詳細がわかり次第、より多くの情報を提供するよう努めます。

marefr 2018年04月19日

これは＃7411に含まれていると思いますが、可能な限り、これらの条件フィールドはテンプレート変数を値として受け入れる必要があることを繰り返し述べたいと思います。

IntegersOfK 2018年05月09日

👍1

grafana

このトピックに目を光らせます。

crazy-canux 2018年05月30日

👍5

これらに+1。データ仕様をGrafana形式の制限に適合させる必要があるのは理想的ではありません。

XabiBeltza 2018年07月26日

👎3 👍2

+ 1、 @ marefrこれに関する更新はありますか？

sebawo 2018年08月27日

@sebawoいいえ、まだ恐れていません。

marefr 2018年08月27日

+1。

r02b 2018年09月06日

👎9

lauraquah 2018年09月18日

👎9

mjtrangoni 2018年10月02日

👎6

tcase 2018年10月04日

👎6

ahothan 2018年10月08日

👎6

jaclag 2018年10月26日

👎2

「+1」を書いても、このアイテムの作業量は増えないことを宣言したいと思います。それはさておき、これは開発者の時間があれば処理されます。または、代わりに、すでに作業を開始している可能性があります。：-）ありがとう

Tatranskymedved 2018年10月26日

👍5

いいね。
また、最初/最後に適用されるルールの順序を簡単に変更できる必要があります

nico100 2018年11月09日

日付のしきい値はどうなりましたか？

flopp999 2018年12月20日

👍1

日付のしきい値はどうなりましたか？

bmfmsd 2018年12月20日

👎3 👍2

@marefrこれについて何か進展はありますか？ grafanaを使用した監視を適切に実行するには、これが本当に必要です。異なるサーバーで監視している同じサービスに対して異なる警告/クリティカルレベルがあり、しきい値としてクエリ値を使用できると、手作業が大幅に少なくなります。私たちのために！

DennisMC 2019年01月08日

私はこのトピックに非常に興味があります！特に：「_＃3608コンマで区切られた値が3つを超えるしきい値_」。

それについて何かニュースはありますか？

busi91 2019年01月13日

+1！
多くの場合、単純なものが最も強力で最も必要とされます。
これらの機能をすぐに見たいです！
それについて何かニュースを教えてもらえますか？特に、コンマ区切りの値が3つを超えるしきい値。

CygaLV 2019年02月05日

👎3 👍3

これはほぼ1年前にオープンしました-進捗状況に何か状況はありますか？

enzoweb 2019年02月05日

👍9 👎1

これはほぼ1年前にオープンしました-進捗状況に何か状況はありますか？

また、ここでの進歩について疑問に思っています。さまざまなステータス値を表示するために、しきい値と色の数を追加したシングルスタットを使用したいと考えています。

Jordan-sl 2019年02月13日

機能「テーブルパネル：正規表現パターンマッチ＃3601に基づいてセル値を色付けする」に関する朗報。正規表現または文字列の比較に基づいてテキストに色を付けることができればもっと良かったでしょう（例：「失敗」-赤、「処理中」-黄色、「処理済み」-緑）。

prasanthgv 2019年02月18日

marefr 2019年02月18日

👍21

文字列に基づいてテーブルセルの色を条件付きで変更できることは、私のプロジェクトに非常に役立ちます。これは、私たちの組織でgrafanaを正当化するのに大いに役立ちます。誰もがとても感動していますが、私はこれらの要求を頻繁に受け取ります。「表の色を変えて見せてもらえますか？「コンディショナルカラーリングを使うのを楽しみにしています。

dslaughter 2019年02月19日

これについて何か進展はありますか？

yrshaikh 2019年04月01日

これに関する更新はありますか？
間違いなく必須の機能です。

joseapdmota 2019年04月04日

👍9

alexvaut 2019年04月05日

👎6

これに関する更新はありますか？

tuxknight 2019年04月17日

👍6

TH-HA 2019年04月18日

👎4

この機能も欲しいです

tcpdumper 2019年04月18日

私は似たようなことに取り組んでいます。これは、テーブルをデータの要約に変換するために使用されるブーム要約パネルです。誰かがこれを探しているなら役に立つかもしれません。

yesoreyeram 2019年04月18日

👍11

この問題では、 https：//github.com/grafana/grafana/pull/9455ソリューションがすでに展開されており、少なくとも現在のアプローチが実装されるまで一時的に使用されると思います。申し訳ありませんが、他の問題は解決され、これはデプロイするのに時間がかかりすぎます。 :(

Brun0fl 2019年05月28日

👍3

また、これを機能、特に注釈の「凡例」を表示するのに非常に便利なテーブル文字列からカラーへのマッピングにしたいと思います。

AppleMaster 2019年06月12日

このリクエストの進捗状況に関する更新はありますか？ SOC監視ダッシュボードのこの機能を待っているプロジェクトがあります。

freddles 2019年07月23日

この機能が実装されることもありがたいです😎

Ringeltier 2019年08月26日

この機能も楽しみにしています。特にテーブルパネルで。 ETAはありますか？

それはどの段階にありますか？開発を計画または開始しましたか？

amjad 2019年08月26日

👍1

これについて何か進展が見込めますか？ :-)

erayalakese 2019年09月10日

修正に関するイータはありますか？

WilliamLHarms 2019年09月16日

Defはこの機能を楽しみにしています。すぐに使い始めたい

apanagar 2019年09月18日

こんにちは、これに関する更新はありますか？

thiagocorredor 2019年09月26日

また、このリクエストに役立つプラグインを見つけました。

https://grafana.com/grafana/plugins/yesoreyeram-boomtable-panel

thiagocorredor 2019年09月26日

👍2

＃9500をサポートします。グラファナを使用して一連の時限注文を表示していますが、期限切れの注文を強調表示したいと思います。

pdMa2s 2019年10月04日

👍4

この機能の進歩はありますか？

tonybounty 2019年10月26日

👍1

https://github.com/grafana/grafana/issues/9500に本当に興味があり

karln-star 2019年10月31日

carloshgaray 2019年11月22日

👎5

+9000

biertie 2019年12月17日

9500と＃3601は、ダッシュボードを大幅に改善します

marvinO1 2019年12月17日

👍2

私の場合、日付に応じてグラフに異なる色を表示したいと思います

pdMa2s 2019年12月19日

やあ
「＃7631 [機能リクエスト]シングルスタットパネルでテキストから値へのマッピングを許可する」は実装されていますか？

Syed-Ali 2020年01月28日

新しい「統計」パネルの場合、クエリごとに異なるしきい値を設定できると便利です。

fyang13 2020年01月31日

私は似たようなことに取り組んでいます。これは、テーブルをデータの要約に変換するために使用されるブーム要約パネルです。誰かがこれを探しているなら役に立つかもしれません。

これを使おうとしたようですが、Elastisearchを使用してサーバーでクラッシュが発生しました。 Grafana6.5.2を使用する

xslugx 2020年02月06日

これに関する更新はありますか？

safadig 2020年02月13日

👀1

わかりません。リクエスト＃9500の解決策を探していましたが、私にとって有望に見えるPR＃10594が見つかりました。このPRは、この現在の機能によって終了しました。この機能では、最初のリクエストに対する解決策が見つかりません。

私は何か見落としてますか？

eRudy 2020年02月27日

👍4

+1プリックス

Go-Pomegranate 2020年03月03日

👎1 👍1

その機能に非常に興味があります！

Ilium77 2020年03月19日

malanvaneck 2020年03月25日

👎1

alecm858 2020年03月27日

👎1

これは興味深い機能です...更新はありますか？

iconde 2020年04月15日

少なくともいくつかの回避策を提供できますか？

vlatk0o 2020年05月07日

Jqute 2020年05月26日

👎1

cwildfoerster 2020年06月16日

👎3

myriamvanerum 2020年07月17日

👎1

この機能のリクエストは本当に有望です。テキストから値へのマッピングだけでも、grafanaを使用したダッシュボードが大幅に改善されます。今のところ、データベースに数値を作成する必要があると思います。データソースに数値インデックスを保持する以外の回避策を知っている場合は、共有してください。

mertbakir 2020年07月17日

maemigh 2020年09月03日

👎2

jacobreid 2020年09月05日

👎2

scroodj 2020年09月09日

😕1 👎1

stickybyte 2020年09月29日

👎3

グラフ上で視覚化できるように文字列値を整数にマップする機能に更新があるかどうか誰かが知っていますか？ここでのこの問題は＃14222から参照されました

miguelarios 2020年10月27日

fa1861 2020年11月04日

👎4

こんにちは@marefr 、いつこの機能が利用可能になると期待できますか？おおまかな見積もり

Soumyank 2020年12月11日

文字列の値に応じて、このような色付きのセルを表示する必要があります

brunofds 2021年01月07日

このページは役に立ちましたか？

0 / 5 - 0 評価