> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# カウントダウン

> ダッシュボードのカウントダウンコンポーネントは、設定した未来の時点に基づいて動的にカウントダウンします。単独で指定する方法でも、既存フィールドに基づいて生成する方法でも対応できます。本機能は現在から目標時刻までの残り時間をリアルタイムに表示し、タスクの完成進捗...

ダッシュボードのカウントダウンコンポーネントは、設定した未来の時点に基づいて動的にカウントダウンします。単独で指定する方法でも、既存フィールドに基づいて生成する方法でも対応できます。本機能は現在から目標時刻までの残り時間をリアルタイムに表示し、タスクの完成進捗や重要イベントの近接状況を直感的に把握できます。これにより、ダッシュボードの情報伝達効率を向上させます。

## カウントダウンの追加

ダッシュボード左上の **チャート追加** をクリックし、ポップアップメニューのチャートタイプから**カウントダウン**を選択します。

![](https://img.alicdn.com/imgextra/i4/O1CN01WB9S4K1yBpoJfUOwo_!!6000000006541-0-tps-374-650.jpg)

## カウントダウンの設定

カウントダウンコンポーネントのチャートタイプ・カウントダウン設定・単位・スタイルを設定できます。

<strong>チャートタイプ：</strong>デフォルトはカウントダウンで、プルダウンから他のチャートタイプを選択できます。

**カウントダウン設定**：タイトルとカウント方式を設定できます。カウント方式は**指定値**と**フィールド**の 2 種類です。

**指定値**を選択する場合は、カウントダウン終了時点を設定する必要があります。

![](https://img.alicdn.com/imgextra/i3/O1CN01S4zFtX24XG1yn7IUb_!!6000000007400-0-tps-1280-635.jpg)

**フィールド**を選択する場合は、データテーブル・データ範囲・フィルター・日付フィールドを設定し、フィールド内から**最早／最晩**の日付を選択する必要があります。

![](https://img.alicdn.com/imgextra/i4/O1CN01uuoKPp1FFM93ePFC0_!!6000000000457-0-tps-292-370.jpg)

**単位**：カウントダウンの単位、つまり具体的な表示形式を設定します。

![](https://img.alicdn.com/imgextra/i3/O1CN01Za0bDG1Vv447tb6fL_!!6000000002714-0-tps-294-305.jpg)

**スタイル**：カウントダウンコンポーネントの背景・説明色・タイムブロックの色・時間の色・終了アニメーションを設定できます。

![](https://img.alicdn.com/imgextra/i4/O1CN01cVDUSw1On5rbqlzTy_!!6000000001749-0-tps-295-474.jpg)

## カウントダウンの管理

追加済みのテキストコンポーネントにマウスをホバーし、右上のアイコンをクリックすると、以下の操作を実行できます：設定・複製・ダッシュボードセンターに追加・画像としてコピー・画像としてエクスポート・削除。

![](https://img.alicdn.com/imgextra/i1/O1CN0140cYL31ZAaKni1F4h_!!6000000003154-0-tps-727-387.jpg)

また、カウントダウンコンポーネントの右下隅をドラッグするとサイズを調整でき、コンポーネント上部のエリアをドラッグすると位置を調整できます。
