すべてのプロダクト
Search
ドキュメントセンター

Quick BI:ランキング

最終更新日:Jan 20, 2025

ランキング ボードには、ディメンション内の項目のランキングが表示されます。項目は降順にランク付けされます。たとえば、ランキング ボードを使用して、売上高が上位 10 位の都市を表示できます。このトピックでは、ランキング ボードを作成し、ランキング ボードのスタイルを構成する方法について説明します。

TensorBoard

ランキング ボードには、基本ランキング ボードとパーセンテージ スクロール ランキング ボードが含まれています。次の図は、その効果を示しています。效果图

構成データ

基本ランキング ボード を例として、ランキング ボードの構成方法について説明します。

  1. [グラフ] セクションのウィジェット ライブラリ セクションで、[基本ランキング] を見つけてキャンバスにドラッグします。排行榜

  2. [データセットの選択] をクリックし、次の図の手順に従ってデータを追加します。配置数据

また、データに対して次の操作を実行することもできます。字段设置

スタイルの構成

この例では、基本ランキング ボード を使用して、ランキング ボードの構成方法について説明します。

場所とサイズ

構成セクションのコンポーネントは、次のように構成できます。

  • ウィジェットの配置を調整する (①): 左揃え、中央揃え、右揃えがサポートされています。

  • ウィジェットのサイズを調整する (②): 左上隅を原点として使用し、X 軸と Y 軸の値を設定して、位置を調整します。

  • コンポーネントの角度を調整する (③): 回転角度の値を設定します。

  • コンポーネントのサイズを調整する (④): W と H の値を設定して、コンポーネントの幅と高さを調整します。

  • コンポーネントをロックする (⑤): コンポーネントをロックすると、コンポーネントのサイズを調整できなくなります。

  • 透明度 (⑥): 透明度の範囲を 0%~100% に構成できます。

位置和尺寸

行と列の設定

[行と列の設定] セクションでは、次の操作を実行できます。

  • ランキング ボードの行と列の数 (① と ②) を設定します。

  • 行の行と列の間隔値 (③ と ④) および左右の余白 (⑤ と ⑥) を設定します。

行列设置

テンプレートのシーケンス番号

[通し番号] セクションでは、テキスト スタイル、アイコン サイズ、角丸の半径、背景色、上位 3 つのスタイル パラメーターを設定できます。序号设置

行ヘッダー

[行] セクションでは、行ヘッダーの色、サイズ、太字、斜体テキストを指定できます。设置行标题

メトリック

[メトリック] セクションでは、次の操作を実行できます。

  • [プレフィックス][サフィックス]: プライマリ メトリックとセカンダリ メトリック (①) およびセカンダリ メトリック (②) のプレフィックスとサフィックス (③ と ④) を設定します。

  • [最小幅]: メトリックと行ヘッダーの間の最小幅 (⑤) を設定します。

  • [テキスト]: 指標テキストの色、サイズ、太字、または斜体を設定します。

指标

比例バー

[スケール ブロック] セクションでは、スケール バーの高さ、色、背景色を設定できます。设置占比条

区切り線

[行区切り] セクションでは、区切り線の高さ、色、左右の余白を設定できます。设置分隔线

アニメーション効果

[アニメーション効果] セクションでは、ランキング ボードのアニメーション効果を構成できます。次の項目を構成できます。

  • [垂直スクロールを有効にする]: ランキング ボードの垂直方向にスクロールする行数とスクロールの時間間隔を指定します。

  • [行ヘッダーのスクロールをオンにする]: 行ヘッダーの水平スクロール速度と間隔を設定します。

  • [ストリーム効果を有効にする]: ストリーム効果の色と継続時間を設定します。

  • [分割ストリーム効果をオンにする]: 分割ストリーマー効果の色と継続時間を設定します。

动画配置项

条件付き書式設定

[条件付き書式設定] セクションでは、メトリックの条件付き書式を指定できます。

  • [系列の選択]: 指標 セクションに追加するすべてのメジャーを選択できます。

  • [ショートカット スタイル]: マーカー アイコンとフォントの色を指定します。image.png

  • [カスタム スタイル]: テキストとアイコンのスタイルをカスタマイズできます。条件、アイコンのマーク、有効値の範囲、フォントの色も設定できます。

    • カスタム テキスト: image.png

    • カスタム アイコン: image.png

  • [スタイルの同期先]: 現在の条件付き書式を他のメトリックに同期します。条件格式