営業活動ダッシュボード構築手順

データ側を整えます。ここを飛ばすと月別グラフと期間スライサーが作れません。

1. app.powerbi.com にサインインするブラウザ確認マイ ワークスペースが表示される
2. 対象のレポートを開くPower BI確認レポートの画面が開く
3. 緑色の［表示中］をクリックし、［編集］を選ぶレポート画面 右上編集確認緑の帯が消え、［新しいメジャー］が押せるようになる「表示モードになっているため、変更は保存されません」の帯が出ている間は、何を変えても保存されません
4. 「日付」列の見出し →［列の設定］→［編集］を開くSharePointリスト確認列の設定パネルが開く
5. 種類を変更して保存するSharePointリスト日付と時刻確認リストの日付が日付として表示されるCSVから作ったリストは全列が「1行テキスト」です。このままでは月別グラフと期間スライサーが作れません
6. 全行を見て、空欄になった行がないか確認するSharePointリスト確認型変換で弾かれた行がないPower Automate が書き込んだ値は通りますが、手入力の行は弾かれることがあります
7. ［セマンティック モデルを開く］をクリックするPower BI 上部メニュー確認モデル ビューが開く
8. 表示モードなら［編集］に切り替えるモデル ビュー 右上編集確認帯が出ていない
9. テーブル名をダブルクリックして短く変更するモデル ビュー営業活動履歴確認データ ペインの表示名が変わる列名は変更不要です。コネクタは内部名（field_1 など）ではなく表示名を読み込みます
10. 「日付」にカレンダーのアイコンが付いているか見るデータ ペイン確認カレンダーのアイコンが付いている付いていなければテキスト型のままです。5つ上の手順に戻ってください
11. セマンティック モデルの「…」→［今すぐ更新］マイ ワークスペース確認更新日時が本日になる

モデル ビューのリボン →［新しいメジャー］。数式バーに「名前 = 式」の形でまとめて入力します。

訪問件数 = COUNTROWS('営業活動履歴')

顧客数 = DISTINCTCOUNT('営業活動履歴'[顧客名])

担当者数 = DISTINCTCOUNT('営業活動履歴'[担当者])

クレーム件数 = CALCULATE([訪問件数], '営業活動履歴'[目的] = "クレーム対応")

クレーム率 = DIVIDE([クレーム件数], [訪問件数])

ビジュアルを置く前に必ず終わらせます。後からテーマを当てると、個別に整えた書式が消えます。

1. ［ビュー］→［テーマ］を開く上部メニュー確認テーマの一覧が出る
2. リンク「［テーマの書式設定］ペインを開きます」をクリックするテーマの一覧 上部確認右側にテーマ ペインが開く一覧の下段にある［参照］［現在のテーマをカスタマイズ］は Power BI Desktop 専用で、ブラウザ版には出ません
3. ［テーマ設定］→［テーマのインポート］でJSONを選ぶテーマ ペインテーマ_営業活動ダッシュボード.json確認成功のダイアログが出るファイルが手元に無い場合は、このページ下部のJSONをコピーして保存してください
4. テーマ名とカラー パレットを確認するテーマ ペイン確認テーマ名が表示され、パレットが「カスタム」になっているレポートが空のうちは見た目は変わりません。テーマは「これから作るビジュアルの色」を決めるものです
5. 背景の色を設定するテーマ ペイン［ビジュアル］#FFFFFF・透明度 0
6. 境界線をオンにして色と角丸を設定するテーマ ペイン［ビジュアル］オン・#E6E6E6・角丸 3
7. キャンバスの設定で［型］を変更するテーマ ペイン［ページ］カスタム確認幅と高さの入力欄に変わる16:9のままではプリセットからしか選べず、高さ1400を打ち込めません
8. 幅を入力するテーマ ペイン［ページ］1920
9. 高さを入力するテーマ ペイン［ページ］1400確認キャンバスが縦に伸びる既定の1080ではマトリックスが1行しか入らず、文字が重なりました
10. キャンバスの背景を設定するテーマ ペイン［ページ］#F1F1F1・透明度 0確認キャンバスがグレーになる
11. 壁紙を設定するテーマ ペイン［ページ］#F1F1F1・透明度 0

スライサー3本・カード1つ・グラフ4つ・表2つ。置くたびに次の章の数値を入れると確実です。

1. 共通
2. キャンバスの空白をクリックして選択を外す確認何も選択されていないビジュアルを選択したまま種類を押すと、そのビジュアルが別の種類に変換されます。新しく置くたびに必ず空白をクリックしてください
3. カード
4. ［カード］を選ぶ123 のアイコン確認空のカードが置かれるマウスを乗せて「カード」と出るもの。「複数行カード」は別物です
5. ［値］に4つ入れる訪問件数／顧客数／担当者数／クレーム件数確認4つの数字が横に並ぶフィールドの欄は［ビジュアルのビルド］タブ（点線の四角）にあります。並び順はこの欄でドラッグして決めます
6. ［全般］→［タイトル］をオンにする確認タイトルが表示される
7. 書式［ビジュアル］→［吹き出し］→［設定の適用先］を「すべて」にするすべて個別のカード名を選んだまま書式を触ると、1つだけ設定が違う状態になります。［レイアウト］がグレーで触れないのも同じ原因です
8. ［値］→［配置］と［ラベル］→［配置］を揃える左確認4つとも同じ配置になる
9. ［シェイプ］→ 角の半径を設定する3
10. ［影］［光彩］［アクセント バー］をオフにするオフ
11. ［設定の適用先］を「クレーム件数」にして値の色を変えるパレット1行目の8番目確認クレームの数字だけ赤くなるHEXを直接打たずパレットから選んでください。テーマの色を使うと、後で配色を変えるときテーマ側の1か所で済みます
12. 顧客別 訪問件数
13. 空白をクリック →［集合横棒グラフ］を置く確認空のグラフが置かれる
14. Y軸とX軸にフィールドを入れるY軸＝顧客名／X軸＝訪問件数確認横棒が描かれる顧客名を凡例に入れると色分けされるだけでグラフになりません。「∨」→［移動先］→［Y軸］で移せます
15. ［全般］→［タイトル］に文言を入れる顧客別 訪問件数自動のままだと「訪問件数 / 顧客名 による」と表示されます
16. ビジュアル自体の「⋯」→［軸の並べ替え］訪問件数／降順確認多い順に並ぶキャンバス上のビジュアルに出る帯の「⋯」です。書式設定ペインの「⋯」ではありません
17. 目的別 件数
18. 空白をクリック →［集合横棒グラフ］を置くY軸＝目的／X軸＝訪問件数
19. タイトルと並べ替えを設定する目的別 件数／訪問件数の降順
20. クレーム区分の棒を赤にするパレット1行目の8番目確認該当の棒だけ赤くなる［設定の適用先］のカテゴリにはデータに実在する値しか出ません。区分が入ってからの作業です
21. 月別 訪問件数の推移
22. 空白をクリック →［集合縦棒グラフ］を置くX軸＝日付／Y軸＝訪問件数
23. X軸の階層から四半期と日を × で消す年 と 月 を残す確認横軸が月単位になる日単位のままにしないでください。1年で365本の棒が並びます。階層が出ない場合は日付がテキスト型です
24. ［全般］→［タイトル］に文言を入れる月別 訪問件数の推移
25. 担当者別 件数
26. 空白をクリック →［集合横棒グラフ］を置くY軸＝担当者／X軸＝訪問件数
27. タイトルと並べ替えを設定する担当者別 件数／訪問件数の降順担当者が1名のうちは棒が1本です。各自がフローを実行すると増えます
28. 担当者 × 顧客 マトリックス
29. 空白をクリック →［マトリックス］を置くテーブルとアイコンが似ています。フィールドの欄が［行］［列］［値］の3つならマトリックスです
30. 行・列・値にフィールドを入れる行＝顧客名／列＝担当者／値＝訪問件数確認格子状の表になる
31. 値の「∨」→［条件付き書式］→［背景色］グラデーション／最小 #FFFFFF／最大 #118DFF確認件数の多いセルほど濃くなる
32. ［全般］→［タイトル］をオンにして文言を入れる担当者 × 顧客 マトリックスマトリックスは既定でタイトルが非表示です
33. 活動明細
34. 空白をクリック →［テーブル］を置く
35. ［列］にフィールドをこの順で入れる日付／担当者／顧客名／目的／内容確認5列の表になる
36. 日付が4列に分かれたら1列に戻す「∨」→［日付］を選ぶ確認日付が1列になるYear / Quarter / Month / Day の4列に展開されることがあります。［日付の階層］ではなく［日付］を選びます
37. 日付の列見出しをクリックして並べ替える降順確認新しい順に並ぶ
38. ［全般］→［タイトル］をオンにして文言を入れる活動明細
39. スライサー
40. 空白をクリック →［スライサー］を置くフィールド＝担当者確認担当者の一覧が出る漏斗のマーク。「ボタン スライサー」「テキスト スライサー」は別物です
41. ［スライサーの設定］→［選択］→［複数選択］をオンにするオン確認Ctrl を押さずに複数選べる
42. 空白をクリック →［スライサー］を置くフィールド＝目的
43. 同じく複数選択をオンにするオン
44. 空白をクリック →［スライサー］を置くフィールド＝日付確認期間を範囲で選ぶつまみが出る日付型のため自動でこの形になります。そのままで構いません
45. 3本とも［全般］→［効果］→［背景］をオンにして白にするオン・#FFFFFF確認白いカードになるスライサーは背景が付かないことがあります
46. 3本とも［視覚的境界線］をオンにするオン確認枠が付き、他と揃う

書式ペイン →［全般］→［プロパティ］。［サイズ］は高さが先・幅が後の並びです。

閲覧者と同じ画面で、連動と解除を確かめます。

1. ［保存］する右上営業活動ダッシュボード確認保存が完了する
2. ［閲覧表示］に切り替える上部メニュー確認編集ペインが消え、閲覧者と同じ画面になる［ビュー］と［モバイル レイアウト］の間にあります。戻るときは右上の［編集］
3. ［ビュー］▼ →［幅に合わせる］上部メニュー確認横スクロールが消え、文字の大きさが保たれる［ページに合わせる］だと全体が縮み、高さを1400にした意味がなくなります
4. グラフの棒をクリックするキャンバス確認他のビジュアルが連動して絞り込まれる選ばれなかった部分は薄い青で残ります。既定の動作で、設定は不要です
5. 選択とスライサーを解除するキャンバス確認全件の数字に戻る閲覧表示では上部の［フィルターをリセット］で一度に戻せます

3章でインポートするファイルです。手元に無い場合は、下をコピーしてメモ帳などに貼り付け、テーマ_営業活動ダッシュボード.json という名前で保存してください。文字コードは UTF-8 にします。

{
    "name": "営業活動ダッシュボード",
    "dataColors": [
        "#118DFF", "#12239E", "#E66C37", "#6B007B", "#E044A7",
        "#744EC2", "#D9B300", "#D64550", "#197278", "#1AAB40"
    ],
    "good": "#1AAB40",
    "neutral": "#D9B300",
    "bad": "#D64550",
    "maximum": "#118DFF",
    "center": "#D9B300",
    "minimum": "#DEEFFF",
    "firstLevelElements": "#252423",
    "secondLevelElements": "#605E5C",
    "thirdLevelElements": "#F3F2F1",
    "fourthLevelElements": "#B3B0AD",
    "background": "#FFFFFF",
    "secondaryBackground": "#C8C6C4",
    "tableAccent": "#118DFF",
    "textClasses": {
        "callout": { "fontSize": 29, "fontFace": "Segoe UI Semibold", "color": "#252423" },
        "title":   { "fontSize": 12, "fontFace": "Segoe UI Semibold", "color": "#252423" },
        "header":  { "fontSize": 12, "fontFace": "Segoe UI Semibold", "color": "#252423" },
        "label":   { "fontSize": 10, "fontFace": "Segoe UI", "color": "#252423" }
    }
}

実際の構築で起きたことと、その直し方です。

この手順の範囲外、または情報が揃ってから着手するものです。