5. Workshop でのアプリケーション構築入門24 - メトリックの書式設定

注: 以下の翻訳の正確性は検証されていません。AIPを利用して英語版の原文から機械的に翻訳されたものです。

24 - メトリックの書式設定

📖 タスクの概要

ユーザーのメトリックカードの値が多すぎる有効数字で表示されています。値に基づいて四捨五入と条件付き色付けを実装しましょう。

🔨 タスクの説明

  1. メトリックカードの設定パネルで、Numeric Formatting のスイッチを「On」の位置に移動します。

    • これにより自動的に小数点以下の桁数が減少するはずですが、さらに特定性を与えてみましょう。
  2. ➕ Maximum fraction digits フィールドをクリックし、値を 2 に設定します。

  3. 数値書式設定の直下で、Background Color の値を Dynamic に設定します。

  4. ➕ Add rule をクリックします。

  5. 条件付き書式設定ルールのポップアップウィンドウで、Exact numeric match の値を 15 から 100 の範囲になるように Numeric range に変更します。

  6. ウィンドウの右側の書式を Success から Warning に変更します。

  7. ウィンドウの右下にある青い Update rule ボタンをクリックします。

  8. メインモジュールに戻り、フィルターリストで priority = medium のチェックボックスを選択し、選択によって条件付き書式設定がどのように変わるかを確認します。

  9. モジュールを保存して公開します。

📚 推薦文献(読むのに約4分)

メトリックカードウィジェットは多彩なオプションを提供しており、製品ドキュメントでそれらを確認することをお勧めします。