第9章：タスクダッシュボード：チャート

親愛なる友人たち、私たちはついに待望の可視化に関する章に到達しました！この章では、混乱の中で本当に必要な情報に迅速に焦点を合わせる方法を探ります。マネージャーとして、私たちはタスクの複雑さの中で道を見失ってはいけません！タスクの統計や情報表示を一緒に簡単に取り組んでいきましょう。

9.1 主要情報に焦点を当てる

私たちの目標は、チームのタスクを迅速に把握し、私たちが責任を持つタスクや興味のあるタスクを強調し、不要なデータに圧倒されないようにすることです。

まずは、チームタスクの統計チャートを作成してみましょう。

9.1.1 チャートブロックを作成する

新しいページを作成します：

新しいチャートデータブロックを作成します（このメインブロック内で複数のチャートを構築できます）。
ターゲットテーブルを選択： タスクテーブル。次にチャートの設定に進みます。

手順の例設定の例

9.1.2 タスクステータス統計を設定する

異なるステータスのタスク数をカウントしたい場合は、どうすればよいでしょうか？まず、データを処理します：

測定：カウントするためにIDフィールドなどのユニークフィールドを選択します。
次元：データをステータスでグループ化します。

次に、チャート設定：

棒グラフまたはカラムチャートを選択します。
Xフィールドを「ステータス」に、Yフィールドを「ID」に設定します。 (ヒント：視覚的な区別を良くするために、次元フィールドで「ステータス」を選択することを忘れないでください。)

9.1.3 多次元統計：人ごとのタスク

人ごとのタスク数とステータスを表示したいですか？「担当者/ニックネーム」の次元を追加して二重次元を使用します。

左上の「クエリを実行」をクリックします。

もし結果が期待したものでない場合は、**「グループ」**を選択して担当者別のタスクの比較を表示します。

一方、全体の積み重ね数を表示したい場合は、「isStack」を選択できます。この方法で、各人のタスクの割合と全体のタスク状況を見ることができます！

9.2 データフィルタリングと動的表示

9.2.1 データフィルターを構成する

もちろん、「キャンセル」と「アーカイブ」されたデータをさらに除外することもできます。左側のフィルター条件でこの2つのオプションを削除するだけで、これらの条件には非常に慣れていると思います！

フィルター処理が完了したら、確認をクリックし、設定を終了して、最初のチャートが準備完了です！

9.2.2 チャートを複製する

「isGroup」と「isStack」両方のチャートを最初からやり直さずに必要ですか？チャートを複製します：

最初のチャートブロックの右上のコピーアイコンをクリックします。
スクロールホイールを下にスライドすると、2番目のチャートが表示されます。それを右にドラッグ＆ドロップし、「isStack」設定を削除し、「isGroup」に変更します。

9.2.3 動的フィルタリング

タスクデータをインタラクティブにフィルタリングするために：

もちろん！チャートデータブロックの下に「フィルター」を開き、フィルターボックスが上に表示されます。必要なフィールドを表示し、フィールドのフィルタリング条件を設定します。（例えば、日付フィールドを「介在する」に変更）

フィルターの例

9.2.4 カスタムフィルターフィールドを作成する

特別な場合に「キャンセル」と「アーカイブ」データを含めたい場合、ダイナミックフィルタリングをサポートし、フィルタリングのデフォルトを設定できますか？

カスタムフィルターフィールドを作成しましょう！

関連データテーブルからフィールドを選択したり、カスタムフィールドを作成することで、フィルターを簡単に構成できます。（チャートブロック内でのみ利用可能）

オプションには、フィールドのタイトル、説明、オペレーターの編集、デフォルト値（例えば、現在のユーザーまたは日付）の設定が含まれ、フィルターをよりニーズに合わせて調整できます。

「ステータス」のタイトルを記入します。
ソースフィールドは空白のままにします。
コンポーネントに「チェックボックス」を選択します。
オプションは、データベースが作成されたときのステータス属性の値に基づいて記入します（ここでの属性の順序はオプションラベル - オプション値です）。

作成が成功したら、「デフォルト値を設定」をクリックして、必要なオプションを選択します。

デフォルト値を設定した後、チャート設定に戻り、フィルター条件を「ステータス - いずれかの - 現在のフィルター/ステータス」に変更し、確認します！（両方のチャートを変更する必要があります。）

完了しました。フィルターテストを行い、データが完璧に描画されました。

9.3 動的リンクとタスクフィルタリング

強力な機能：統計をクリックしてフィルタリングされたタスクにジャンプします。これを実現しましょう。

9.3.1 「未開始」の例を使用して、統計チャートを作成します

測定をID - カウントに設定します。
フィルターを追加します：ステータス = 「未開始」
コンテナ名を「未開始」に設定し、チャートタイプを「統計」に設定し、チャート名は空白のままにします。

未開始のステータスが正常に表示されました。状態ごとに5回コピーし、上部にドラッグします。

9.3.2 リンクフィルタリングを設定する

タスク管理テーブルブロックを含むページに戻り、ブラウザのアドレスバーのリンク形式を確認します（通常は http://xxxxxxxxx/admin/0z9e0um1vcn のようになります）。

ここで xxxxxxxxx はあなたのウェブサイトのドメインを表し、/admin/0z9e0um1vcn はパスです。（最後の /admin を見つけるだけで大丈夫です。）
リンクの一部をコピーします：
- リンクジャンプを行うために、まずリンクの特定部分を抽出する必要があります。
- admin/ の後から（admin/ という文字を含めずに）リンクの末尾までコピーします。この場合、コピーする部分は：0z9e0um1vcn です。

「未開始」にカーソルを合わせると、カーソルが手のアイコンに変わります。クリックすると、正常にジャンプします。

チャートリンクを設定します：リンクにフィルターパラメータを追加します。タスクステータスのデータベース識別子を覚えていますか？このパラメータをリンクの末尾に追加して、タスクをさらにフィルタリングします。
- リンクの末尾に ?task_status=Not started を追加します。これにより、リンクは次のようになります：0z9e0um1vcn?task_status=Not started。

**URLパラメータの理解：**URLにパラメータを追加する際に従うべきフォーマットルールがあります：

**疑問符（？）：**パラメータの開始を示します。

**パラメータ名と値：**形式は parameter_name=parameter_value です。

複数のパラメータ：& シンボルを使用して接続します。例えば： http://xxxxxxxxx/admin/hliu6s5tp9x?status=todo&user=123。この例では、user は別のパラメータ名であり、123 はその対応する値です。