チャート
チャート
チャートウィジェットを使うと、数値データをわかりやすいグラフで表示できます。売上の推移、成長率、実績など、データを使って状況や成果を伝えたい場合に適しています。
CSVやスプレッドシートのデータを貼り付けるだけで、チャートを自動作成できます。数値を1つずつ入力する必要はありません。
チャートを使うメリット
- データを理解しやすくする： 数値の変化や項目ごとの違いを、視覚的に伝えられます。
- 手早く作成する： CSVやスプレッドシートからデータをコピーして貼り付けるだけで、チャートに反映できます。
- 目的に合った形式を選ぶ： 割合や達成度、時系列の変化、カテゴリごとの比較など、伝えたい内容に合わせてチャートを選べます。
- 動きで注目を集める： 数値のカウントアップやスクロールに連動したアニメーションで、データを印象的に見せられます。
チャートの種類
- 棒： カテゴリごとの数値を比較します。
- 折れ線： 数値の推移を折れ線で表示します。
- 面（エリア）： 線の下を塗りつぶし、数値の推移や量の変化を示します。
- コンボ： 棒グラフと折れ線グラフを組み合わせて表示します。
- ドーナツ： 全体に対する各項目の割合を表示します。
- ゲージ： 目標に対する達成度などを表示します。
データの入力方法
CSVやスプレッドシートからデータをコピーし、入力欄に貼り付けます。
- 1列目： 月やカテゴリ名など、項目のラベルを入力します。
- 2列目以降： 売上や件数など、比較・表示する数値を入力します。各列が1つのデータ系列になります。
- ヘッダー行（任意）： 先頭行に、各データ系列の名前を設定できます。
区切り文字は、カンマ、タブ、スペースに対応しています。Excel、Googleスプレッドシート、CSVファイルからコピーしたデータを使用できます。
主な設定
- テーマ： ライトまたはダークから選択します。
- ラインスタイル： ライン・エリアチャートの線を、滑らかな曲線または直線に設定します。
- 目標値と目標ラベル： 比較の基準となる線やマーカーと、その説明を設定します。
- 中央ラベル： ドーナツチャートの中央に表示するテキストを設定します（例：「合計」）。
- 値のプレフィックス／サフィックス： 数値の前後に「¥」「%」などの記号や単位を追加します。
- 値を表示： チャート上の数値ラベルの表示・非表示を切り替えます。
- 数値を簡潔表示： 大きな数値を「1.2k」などの短い形式で表示します。
- 凡例を表示： データ系列の名前と色を示す凡例の表示・非表示を切り替えます。
- グリッドを表示／グリッドスタイル： 数値を読み取るための補助線の表示と見た目を設定します。
- ホバーツールチップ： マウスポインターを重ねたときに、データの詳細を表示します。
- 値のカウントアップ： 数値が増えながら表示されるアニメーションを設定します。
- スクロール時にアニメーション： スクロールしてチャートが画面内に入ったときに、アニメーションを再生します。
- アニメーションの持続時間： アニメーションが完了するまでの時間を調整します。
- テキストのフォントファミリー／テキストカラー： 文字のフォントと色を設定します。
ウィジェット一覧
更新日 06/09/2026
ありがとうございます