透明な 16 進コードを使用した条件付き書式設定

条件付き書式設定を実装する最良の方法の 1 つは、[視覚化] ウィンドウの [フィールド値] オプションを使用することです。この条件付き書式設定方法 が優れている理由は数多くあります が、その 1 つは、今日説明する 16 進コードで透明マスクを使用できることです。このチュートリアルの完全なビデオは、このブログの下部でご覧いただけます。

目次

• 条件付き書式を透明にする方法
• 数値パラメータスライダー
• 条件付き書式設定のための動的フォント メジャーの使用
• 結論

条件付き書式を透明にする方法

上の画像は、今日作業する住宅価格のデータセットです。この棒グラフの棒を透明にして、その下の地図が見えるようにすることを目指しています。

[ビジュアライゼーション] ペイン の [フォーマット] ページに移動すると 、バーの透明度オプションがないことがわかります。 ただし、ここではフィールド値と条件付き書式を使用して、条件付き書式オプションを持つ要素を透明にすることができます 。

このスライダーを少し上げると、下の画像に示すように、末尾にオプションの 2 文字を含む 16 進コードが表示されます。これらの文字が示すのは、16 進コードの不透明度のパーセントです。

16 進コードの最初の 6 文字 ( 247ba0 ) は沿岸警備隊の青色を表し、最後の 2 文字 ( 80 ) は不透明度を表します。不透明度は、 100から透明度のパーセント ( 20 ) を引くことで計算でき、80 となります。

数値パラメータスライダー

まず数値パラメータ スライダーを使用してパラメータを設定し、次にテーブルから 16 進コードを取得して色を調整します。 カラーにSpace Cadetブルーを使用し、透明度をゼロに設定しましょう 。

さて、このアクションでは背後の地図は表示されません。DAX でこの CF Bar メジャーを見ると、 下の画像で強調表示されているように、 16 進コードとPercent Transparent Valueが収集されています。

次に、  Percent Transparency が0の場合、6 文字の 16 進コードまたはPctTrans = 0, Hexを返す という単純な (TRUE) 構造 を使用しました。0は完全な不透明度の 16 進コードを示します。

さらに、 透過率 が 100 の場合、不透明度00または PctTrans = 100, Hex & “00” の 16 進数コードを返すことを追加しました。00は完全に透過的な 16 進コードを提供します。下の画像は、完全に透明な 16 進コードがどのように見えるかを示しており、すべての視覚的要素が消えています。

Trueステートメントを中間のすべてに 切り替え、16 進コードを 100 から透明度を差し引いた値、またはHex & (100 – PctTrans – 100)にすると、選択に応じてデータ ラベルを読みやすくすることができます。透明度が 50 以下では、下の画像に示すように、より暗い色になります。

条件付き書式設定のための動的フォント メジャーの使用

 現在は暗い色を使用しており、データ ラベルには白を使用したいため、フィールド セクションでダイナミック フォントメジャーを使用します 。

透明度のパーセントが 50 未満の場合は白を使用すると記載されています。100 の場合は非表示にします。50 を超える場合は、黒が使用されます。

以下では、透明度を変更してバーの色を明るくすると、データ ラベルが暗くなることを確認できます。

結論

これで、透明度と色を希望どおりに設定し、LuckyTemplates ビジュアルで使用できるようになりました。 さらに、アクセシビリティ上の理由などから、ユーザーが 16 進コードを変更できるようにすることもできます。

条件付き書式設定を DAX、透明マスク、不透明度数値と組み合わせて使用​​できる方法は他にもたくさんあります。この方法の興味深い点は、グラデーションまたはルールベースの条件付き書式設定では、フィールド値を介してのみアクセスできることです。