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

設定データ
[チャート] セクションのコンポーネントライブラリで、[リングプログレスバー] をキャンバスにドラッグします。

[データセットの選択] をクリックし、次の図の手順に従ってデータを追加します。
次の図は、[目標値 / メジャー] を示しています。[動的フィールド] を選択することもできます。

また、データに対して次の操作を実行することもできます。
複数のフィールド形式を設定します。詳細については、「複数のフィールド形式を設定する」をご参照ください。
フィールドフィルタリングを設定します。詳細については、「データをフィルタリングする」をご参照ください。
自動データリフレッシュ(③)を設定します。詳細については、「スケジュールされたデータリフレッシュ」をご参照ください。
データセットを切り替えます。詳細については、「データセットを切り替える」をご参照ください。
データセットを編集します。詳細については、「データセットを編集する」をご参照ください。
データ処理(⑥)。詳細については、「計算フィールドを作成する」および「グループディメンションを作成する」をご参照ください。
フィールドをコピーします。詳細については、「ディメンションにコピーする」をご参照ください。
スタイルの設定
場所とサイズ
設定セクションのコンポーネントは、次のように設定できます。
ウィジェットの配置を調整する(①):左揃え、中央揃え、右揃えをサポートしています。
ウィジェットのサイズを調整する(②):左上隅を原点として使用し、X 軸と Y 軸の値を設定して、位置を調整します。
コンポーネントの角度を調整する(③):回転角度の値を設定します。
コンポーネントのサイズを調整する(④):W と H の値を設定して、コンポーネントの幅と高さを調整します。
コンポーネントをロックする(⑤):コンポーネントをロックすると、コンポーネントのサイズを調整できなくなります。

プログレスバー
[プログレスバー] セクションでは、プログレスバーのスケールバーの色(①)、背景色(②)、および幅(③)を設定できます。
ラベル
[ラベル] セクションでは、次の操作を実行できます。
[進捗値の比率を表示]:進捗値の比率の小数点以下の桁数(①)、進捗値の比率の中心点からの X 軸および Y 軸オフセット、および進捗値の比率のテキストスタイルを指定します。
[現在値 / 目標値を表示]:現在値または目標値の表示名(②)、配置(左右または上下)、上部マージン(プログレスバーからの距離)、およびテキストスタイルを設定します。

動的効果
[モーション効果] セクションでは、アニメーション効果を設定できます。
[色]:ストリーマーの色。単色またはグラデーションカラーを指定できます。
[ストリーミング期間]:ストリーマー間の間隔を指定します。単位:秒。
