ランキング ボードには、ディメンション内の項目のランキングが表示されます。項目は降順にランク付けされます。たとえば、ランキング ボードを使用して、売上高が上位 10 位の都市を表示できます。このトピックでは、ランキング ボードを作成し、ランキング ボードのスタイルを構成する方法について説明します。
TensorBoard
ランキング ボードには、基本ランキング ボードとパーセンテージ スクロール ランキング ボードが含まれています。次の図は、その効果を示しています。
構成データ
基本ランキング ボード を例として、ランキング ボードの構成方法について説明します。
[グラフ] セクションのウィジェット ライブラリ セクションで、[基本ランキング] を見つけてキャンバスにドラッグします。
[データセットの選択] をクリックし、次の図の手順に従ってデータを追加します。
また、データに対して次の操作を実行することもできます。
複数のフィールド形式を構成します。詳細については、「複数のフィールド形式を構成する」をご参照ください。
フィールド フィルタリングを構成します。詳細については、「データをフィルタリングする」をご参照ください。
自動データ リフレッシュ (③) を構成します。詳細については、「スケジュールされたデータ リフレッシュ」をご参照ください。
データセットを切り替えます。詳細については、「データセットを切り替える」をご参照ください。
データセットを編集します。詳細については、「データセットを編集する」をご参照ください。
データ処理 (⑥)。詳細については、「計算フィールドを作成する」および「グループ ディメンションを作成する」をご参照ください。
フィールドをコピーします。詳細については、「ディメンションにコピーする」をご参照ください。
スタイルの構成
この例では、基本ランキング ボード を使用して、ランキング ボードの構成方法について説明します。
場所とサイズ
構成セクションのコンポーネントは、次のように構成できます。
ウィジェットの配置を調整する (①): 左揃え、中央揃え、右揃えがサポートされています。
ウィジェットのサイズを調整する (②): 左上隅を原点として使用し、X 軸と Y 軸の値を設定して、位置を調整します。
コンポーネントの角度を調整する (③): 回転角度の値を設定します。
コンポーネントのサイズを調整する (④): W と H の値を設定して、コンポーネントの幅と高さを調整します。
コンポーネントをロックする (⑤): コンポーネントをロックすると、コンポーネントのサイズを調整できなくなります。
透明度 (⑥): 透明度の範囲を 0%~100% に構成できます。
行と列の設定
[行と列の設定] セクションでは、次の操作を実行できます。
ランキング ボードの行と列の数 (① と ②) を設定します。
行の行と列の間隔値 (③ と ④) および左右の余白 (⑤ と ⑥) を設定します。
テンプレートのシーケンス番号
[通し番号] セクションでは、テキスト スタイル、アイコン サイズ、角丸の半径、背景色、上位 3 つのスタイル パラメーターを設定できます。
行ヘッダー
[行] セクションでは、行ヘッダーの色、サイズ、太字、斜体テキストを指定できます。
メトリック
[メトリック] セクションでは、次の操作を実行できます。
[プレフィックス] と [サフィックス]: プライマリ メトリックとセカンダリ メトリック (①) およびセカンダリ メトリック (②) のプレフィックスとサフィックス (③ と ④) を設定します。
[最小幅]: メトリックと行ヘッダーの間の最小幅 (⑤) を設定します。
[テキスト]: 指標テキストの色、サイズ、太字、または斜体を設定します。
比例バー
[スケール ブロック] セクションでは、スケール バーの高さ、色、背景色を設定できます。
区切り線
[行区切り] セクションでは、区切り線の高さ、色、左右の余白を設定できます。
アニメーション効果
[アニメーション効果] セクションでは、ランキング ボードのアニメーション効果を構成できます。次の項目を構成できます。
[垂直スクロールを有効にする]: ランキング ボードの垂直方向にスクロールする行数とスクロールの時間間隔を指定します。
[行ヘッダーのスクロールをオンにする]: 行ヘッダーの水平スクロール速度と間隔を設定します。
[ストリーム効果を有効にする]: ストリーム効果の色と継続時間を設定します。
[分割ストリーム効果をオンにする]: 分割ストリーマー効果の色と継続時間を設定します。
条件付き書式設定
[条件付き書式設定] セクションでは、メトリックの条件付き書式を指定できます。
[系列の選択]: 指標 セクションに追加するすべてのメジャーを選択できます。
[ショートカット スタイル]: マーカー アイコンとフォントの色を指定します。
[カスタム スタイル]: テキストとアイコンのスタイルをカスタマイズできます。条件、アイコンのマーク、有効値の範囲、フォントの色も設定できます。
カスタム テキスト:
カスタム アイコン:
[スタイルの同期先]: 現在の条件付き書式を他のメトリックに同期します。