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

Quick BI:プログレスバー

最終更新日:Jan 19, 2025

プログレスバーは、特定の指標の進捗状況を視覚的に表示できます。主に進捗状況の表示に使用されます。このトピックでは、プログレスバーにデータを追加する方法とスタイルを構成する方法について説明します。

TensorBoard

效果图

構成データ

  1. [チャート] セクションのウィジェットライブラリで、[プログレスバー] を見つけてキャンバスにドラッグします。进度条

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

    次の図は、[目標値/メジャー] を示しています。[動的フィールド] を選択することもできます。

    配置数据

データに対して次の操作を実行することもできます。image.png

スタイルの構成

場所とサイズ

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

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

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

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

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

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

位置和尺寸

プログレスバー

[プログレスバー] セクションでは、プログレスバーのスケールバーの色(①)、背景色(②)、および角丸み(③)を変更できます。进度条

ラベル

[ラベル] セクションでは、次の操作を実行できます。

  • [進捗値のパーセンテージを表示]:スケール(①)、位置(プログレスバー内またはプログレスバー外)、左マージン(プログレスバーからの距離)、およびテキストスタイルを指定します。

  • [現在値/目標値を表示]:現在値または目標値の表示名(②)、並べ替え方法(左右または上下)、上マージン(プログレスバーからの距離)、およびテキストスタイルを指定します。

数据标签

動的効果

[モーション効果] セクションでは、アニメーション効果を構成できます。

  • [色]:ストリーマーの色。単色またはグラデーションカラーを指定できます。

  • [ストリーマーの期間]:ストリーマーの間隔を指定します。単位:秒。

动效