限られたスペースのデータグリッドで時間範囲の選択を表示
リアルタイムデータを表示するデータグリッドがあります。ただし、「過去5分間」のデータと「リアルタイム」のデータのどちらが必要かを確認する必要があります。私はラジオボタンを使用してこれを行いましたが、適合せず機能しません。
これをより良い、または最小限にするにはどうすればよいですか？
ドロップダウンを使用すると、スペースを節約できます。いくつかのトレードオフがあることに注意してください。
プロ：
- スペースを節約する
- 追加の選択が可能です（将来、追加の範囲が追加される場合）
- 長いラベルを使用できます（一度に1つしか表示されないため）
短所：
- 一度に表示される選択肢は1つだけです
- コントロールの発見可能性
選択肢は1つしか表示されないため、対話性を示すグラフィックの違いを追加して実験することができます。 1つの方法は、境界線を追加することです。また、色を試すこともできます。
選択肢がスペースに収まる場合は、セグメント化されたコントロールを使用します。 
選択肢がスペースの許容範囲を超える場合、または5を超える場合は、ドロップダウンを使用します。
セグメント化されたコントロールはクリックの背後にあるフィルターオプションを非表示にせず、すべてのオプションがインターフェイスに表示されます。ただし、オプションの数が増えると、視覚的にビジーになり読みにくくなるので、ドロップダウンを選択します。