テーブルの視覚化
テーブルの視覚化を使用すると、カスタム書式や条件付き書式、ハイパーリンク、画像などのカスタマイズ可能な要素を使用して、構造化された形式でデータを表示できます。このページでは、テーブルの視覚化でデータの表示を制御する方法について説明します。
テーブルの視覚化と結果テーブルの違いは何ですか?
テーブルの視覚化は、データセットの下に表示される元の結果テーブルとは独立して操作できます。デフォルトでは、テーブルのビジュアライゼーションはすべての列が非表示で表示されます。列を表示または非表示にするには、列名の横にある 
目のアイコンをクリックします。
列を並べ替える
テーブル視覚化ウィジェットを選択した状態で、視覚化エディターを使用してテーブル列を並べ替えます。
列設定のカスタマイズ
列名をクリックして列設定を開き、次のオプションのいずれかを調整します。
設定 | 説明 |
|---|---|
列の表示名 | テーブルに示されているデフォルトの列名を上書きします。 |
検索用 | 列をテーブル フィルターで検索可能にします。 |
説明 | 列の意味やビジネスコンテキストを説明するホバーテキストを追加します。 |
表示形式： | データのレンダリング方法を変更します (数値を通貨として表示したり、タイムスタンプを日付として表示したりします)。 |
デフォルトの列幅 | テーブルがロードされるときの列の初期幅 (ピクセル単位) を設定します。 |
HTMLコンテンツを許可 | セル内の HTML レンダリングを有効にします。これは、バッジ、リンク、またはインライン画像に役立ちます。画像を URL としてエンコードする方法については、「 テキスト ウィジェットに画像を追加する」を参照してください。 |
フォント条件 | 値のしきい値に基づいて条件付きフォント色の書式設定を適用します。 |
グリッド設定のカスタマイズ
「グリッド 」タブを使用して、以下を構成します。
- サイズ変更可能な列: ダッシュボードの閲覧者が列のサイズを変更できるようにします。
- ページあたりのアイテム数: テーブルの各ページに表示される行数を設定します。
- 最初のN列を固定します。 テーブルの残りの部分で水平スクロールを許可しながら、所定の位置に保持する列の数を指定します。
一般的なデータ型のカスタマイズ
[表示形式 ] ドロップダウン メニューを使用して、表示される値のデータ型を制御します。データタイプに応じて、さまざまなカスタマイズオプションを使用できます。たとえば、次のことができます。
- ディスプレイは小数点以下 3 桁までフロートします
- 日付列の月と年のみを表示する
- ゼロ埋め込み整数
- 数値フィールドの先頭にテキストを追加する/追加する
- 値をブール値として表示
テキスト
[HTML コンテンツを許可 ] フィールドには、次の動作があります。
- 有効 : HTML コンテンツは HTML サニタイザーを介して実行され、列は HTML としてレンダリングされます。
- 無効 : コンテンツは HTML をレンダリングせずに表示されます。
数値と日付/時刻
数値データ型と日付と時刻のデータ型の書式設定に関する参照情報については、以下を参照してください。
Boolean 値
セルをBoolean 値として表示するには、[ 表示形式] Boolean ドロップダウン メニューから [] を選択します。false および trueとして表示される値をカスタマイズできます。視覚化エディターを使用して、条件付き書式を適用することもできます。
特殊なデータ型のカスタマイズ
Dahsboard テーブルの視覚化は、画像、JSON、リンクの特別なデータ型もサポートしています。 [表示形式 ] ドロップダウン メニューを使用して、表示される値のデータ型を制御します。
リンク
ダッシュボードの HTML リンクをクリック可能にするには、[ リンク ] を選択します。値がリンクに直接変換される場合は、クリック可能なリンクがテーブルに表示されます。
URLテンプレート 、 テキストテンプレート 、 タイトルテンプレート の値を設定することもできます。これらのテンプレート フィールドは、HTML リンクのレンダリング方法を制御します。これらのフィールドは、テーブル内の列名に口ひげスタイルのパラメーター (二重中括弧) を受け入れます。mustache パラメーターは、値を URL エスケープする pipe filter urlEscapeをサポートしています。
画像
データベース内のフィールドに画像へのリンクが含まれている場合は、[ 画像 ] を選択して、テーブルの結果に画像をインラインで表示します。画像を URL としてエンコードする方法については、「 テキスト ウィジェットに画像を追加する」を参照してください。
JSONの
データが JSON 形式のテキストを返す場合は、[ JSON ] を選択します。これにより、要素をクリーンな形式で折りたたんだり展開したりできます。