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

Quick BI:リングプログレスバー

最終更新日:Jan 20, 2025

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

TensorBoard

效果图

設定データ

  1. [チャート] セクションのコンポーネントライブラリで、[リングプログレスバー] をキャンバスにドラッグします。环形进度条

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

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

    配置数据

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

スタイルの設定

場所とサイズ

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

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

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

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

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

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

位置与大小

プログレスバー

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

ラベル

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

  • [進捗値の比率を表示]:進捗値の比率の小数点以下の桁数(①)、進捗値の比率の中心点からの X 軸および Y 軸オフセット、および進捗値の比率のテキストスタイルを指定します。

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

数据标签

動的効果

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

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

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

动效