Quick BI:リーダーボード

リーダーボードには、基本リーダーボードとスクロールパーセンテージリーダーボードがあります。

以下の手順では、[基本リーダーボード] を例に説明します。

1. コンポーネントライブラリの [チャート] セクションで [基本リーダーボード] を探し、キャンバスにドラッグします。

2. [データセットを選択] をクリックし、以下のようにデータを追加します。

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

• ウィジェットの配置（①）を調整します。左揃え、中央揃え、右揃えをサポートしています。

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

• コンポーネントの角度（③）を調整します。回転角度の値を設定します。

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

• コンポーネントのロック（⑤）：コンポーネントをロックした後、コンポーネントのサイズを調整することはできません。

[行と列の設定] エリアでは、以下の項目を設定できます：

• リーダーボードの行数と列数を設定します (①、②)。

• 行と列の間隔 (③、④)、および各行内の左右のパディング (⑤、⑥) を設定します。

[シーケンス番号] セクションでは、テキストスタイル、アイコンサイズ、ボーダー半径、背景色、および上位 3 件の特別なスタイルを設定できます。

[行タイトル] セクションでは、行タイトルの色、フォントサイズ、スタイル (太字または斜体) を設定できます。

[メトリック] セクションでは、以下を設定します：

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

• [最小幅]：メトリックと行タイトルの間の最小幅を設定します (⑤)。

• [テキスト]：メトリックテキストの色、フォントサイズ、スタイル (太字または斜体) を設定します。

[パーセンテージバー] セクションでは、バーの高さ、色、背景色を設定できます。

[装飾] セクションでは、装飾のサイズとボーダー半径を設定できます。

[ディバイダー] セクションでは、ディバイダーの高さ、色、および左右のマージンを設定できます。

[アニメーション] セクションでは、以下のエフェクトを設定します：

• [縦スクロールを有効化]：縦スクロールの行数とスクロール間隔を設定します (①、②)。

• [行タイトルの横スクロールを有効化]：スクロール速度とスペースを設定します (③)。

• [パーセンテージバーのストリーマーエフェクトを有効化]：エフェクトの色と持続時間を設定します (④)。

• [ディバイダーのストリーマーエフェクトを有効化]：エフェクトの色と持続時間を設定します (⑤)。

[条件付き書式] セクションでは、リーダーボードのメジャーに対する書式ルールを設定します：

• [系列を選択]：[メトリック/メジャー] エリアで、書式を適用するメジャーを選択します。

• [クイックスタイル]：定義済みのスタイルから選択して、マーカーアイコンとフォントカラーを設定します。

• [カスタムスタイル]：条件、マーカーアイコン、値の範囲、フォントカラーを設定し、テキストとアイコンのスタイルをカスタマイズします。

  • [カスタムテキスト]：[条件値] と [前景色] をカスタマイズします。

  • [カスタムアイコン]：条件値と組み合わせスタイルをカスタマイズします。

• [スタイルを同期]：現在の条件付き書式を他のメジャーに適用します。