Sharepointのお手軽Webパーツ「クイックグラフ」使い方。シンプルなデータ表示に。

SharepointのモダンUIページに、エクセルやPowerBIを使わずに単体でグラフを埋め込む方法をご紹介します。

モダンUIになってから登場したWebパーツの一つに「クイックグラフ」というものがあります。

このWebパーツを使うと、棒グラフ、または円グラフをWeb上に描画することができます。ちょっとしたアニメーション効果もあり、インパクトがあります。

若干の制限事項もあるため、その点に触れつつ使い方を投稿します。

SharepointモダンUIでグラフを埋め込む方法

思いつくところで次の通りです。

アプローチはいくつかあります

今さら、クラシックUIでのスクラッチはやめたほうがいいでしょう。メンテンナンスする上で大変です。

PowerBIは＋αのコストが必要なので、有力な選択肢はエクセルか、今回の「クイックグラフ」になるでしょう。

クイックグラフは、シンプルな縦棒グラフ、円グラフで何かを表現するときにお手軽です。

「クイックグラフ」Webパーツは、モダンUIのページ編集機能から呼び出すことができます。

パーツの呼び出しは「クイック」と入れたほうが良いかも。

「クイックグラフ」と入れると出てきません。「クイック」の後に半角スペースがあるようです。ややこしい。

現状で作れるのは二種類です。折れ線はないですね。

使えるグラフ

手動入力はページ編集上で「ラベル」と「値」を手で入れていきます。Sharepointリストはデータ列が存在する既存のものが使えます。

描画するデータポイントは手動で12個、リストで50個となります。無制限ではありません。

手動の場合は、データラベル、値を入れていきます。追加できるデータポイントは12個まで。

棒グラフに限り、設定画面下部に「レイアウト」という領域が用意されています。グラフ縦横軸に名称をつけることができます。

アレコレメモ

（金額は適当ですが）リアルで株価好調です。コロナ禍でちょっと怖いくらい。

▲ リストをデータソースとする場合は、最初に対象のリストを選びます。値の候補となる列が存在しないリストは候補には出てきませんでした。

▲ リストを選んだら「表示するデータがある列」に数値や通貨列、「各データポイントのラベル付きの列」に分類する列を選択します。

並べ替えはデータ、またはラベル列の昇順・降順で可能です。

ラベルを年月でテストデータを作りましたが、ラベルの昇順・降順だと文字列順序になってしまうので意図した通りに並べるには一工夫必要そうです。

以下、棒グラフで売上推移の出来上がり。例を考えるのがメンドウだったので実際にあった何かの売り上げ。

▲ クイックグラフの右上にはデータ更新ボタンがあります。リスト側に新しいデータがあれば、更新ボタンを押すことでデータを再同期できます。

基本的な使い方はこれだけ、機能としてはシンプル。

インターフェースは直感的で簡単に使えるように最低限に絞っています。グラフの配色設定などは指定できませんでした。そのうち、機能追加される気もしますが。

Sharepoint上のリストを使えますが、すべての列に対応はしていないようです。

モダンUI一覧画面上から追加できる列で確認したところ次の通りでした（クラシックUIから行うリスト設定までは見てません）。