ユーザマニュアル




2023/10/13

MANUAL

テーブル機能:レコードの時系列チャート表示

## 概要 「[テーブル](/manual/table)」に格納された「レコード」を「[時系列チャート](/manual/table-management-timeseries)」形式で表示します。 ## 前提条件 * 読取り権限が必要です。 ## 操作手順 1. テーブルの一覧画面を開いてください。 1. 「表示」メニューを開き「[時系列チャート](/manual/table-management-timeseries)」をクリックしてください。 ## 表示の切り替え項目 「[時系列チャート](/manual/table-management-timeseries)」では、「面」と「折れ線」の2種類からチャートを選択できます。 面チャートと折れ線チャートの切り替えについての画面イメージは次のとおりです。 ### 面チャート ![image](/binaries/8b51ee7eba0c49228129113ee7ece9ee) ### 折れ線チャート ![image](/binaries/b3e29ed07faf4bb3988e0fe2ae64c43b) 縦軸および横軸は、チャート上部の各項目を選択することで切り替えが行えます。 | No | 項目| 説明 | |:---|:---|:---| | 1 | 分類 | 縦軸を分類項目から選択します。 | | 2 | 集計種別 | 「件数」「合計」「平均」「最大」「最小」から選択します。 | | 3 | 集計対象(※1) | 任意の数値項目または「作業量」「残作業量」から選択します。 | | 4 | チャートの種類 |「面」または「折れ線」から選択します。 | | 5 | 横軸 | 任意の日付項目または「[履歴](/manual/table-management-history-view)」「開始」「完了」から選択します。| ※1 「集計対象」項目は、「集計種別」の「件数」以外を選択した場合のみ画面に表示されます。 ## チャート表示の内容について 「チャートの種類」の選択、「横軸」項目の選択によってチャート表示の内容が異なります。 ### 面チャート |横軸|チャート表示| |:---|:---| |履歴|各分類の要素を上に積み上げたチャート| |履歴以外|各分類の要素を個別に集計したチャート| ### 折れ線チャート |横軸|チャート表示| |:---|:---| |全ての項目|各分類の要素を個別に集計したチャート| ## 折れ線チャートの表示色について 折れ線チャートの表示色は、Java Scriptのライブラリ「D3.js」で使用できるカラーセットを利用しています。チャートの識別がしやすいよう、表示数によって使用するカラーセットが異なります。 |表示数|カラーセット|d3-scale名称| |:---|:---|:---| |10個以下|10色のカラーセット|d3.schemeCategory10| |11個以上|20色のカラーセット|d3.interpolateRainbow| ### 参考URL https://github.com/d3/d3-scale-chromatic/blob/main/README.md ## 時系列チャートの設定 「[時系列チャート](/manual/table-management-timeseries)」の設定を変更することができます。この操作はサイトの管理権限が必要です。 1. 対象のテーブルを開いてください。 1. 「管理」メニューから「[テーブルの管理](/manual/table-management)」をクリックしてください。 1. 「[時系列チャート](/manual/table-management-timeseries)」タブを開いてください。 1. 下表に従い設定を行ってください。 |項目名|説明|設定方法| |:---|:---|:---| |有効|時系列チャートの有効化/無効化を設定|チェックすることで時系列チャートを有効化| 5. 画面下部の「更新」ボタンをクリックしてください。 ## 関連情報 <div id="ManualList"><ul><li><a href="/manual/table">テーブル機能</a><span>2023/04/12 up</span></li></ul></article> <ul><li><a href="/manual/table-management">テーブルの管理</a><span>2023/04/19 up</span></li></ul></article> <ul><li><a href="/manual/table-management-history-view">テーブルの管理:履歴</a><span>2023/08/25 up</span></li></ul></article> <ul><li><a href="/manual/table-management-timeseries">テーブルの管理:時系列チャート</a><span>2023/07/31 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />
TOP
このページをシェアする
記載された商品名、各製品名は各社の登録商標または商標です。 © Implem Inc.