この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。
英語に切り替える

Wave デザイナダッシュボードの JSON の例

各 Wave デザイナダッシュボードの JSON には、複数レベルのプロパティが含まれます。プロパティを設定する場所を理解するため、JSON の構造を確認してください。

JSON の構造は、ダッシュボードの作成に Wave デザイナとClassic デザイナのどちらを使用するかによって異なります。

メモ

1{
2    "label": "Opportunity Overview",
3    "description": "Sample Wave designer dashboard with multiple layouts.",
4    "state": {
5        "gridLayouts": [
6            {
7                "name": "Default",
8                "numColumns": 12,
9                "pages": [
10                    {
11                        "widgets": [
12                            {
13                                "colspan": 3,
14                                "column": 3,
15                                "name": "container_1",
16                                "row": 1,
17                                "rowspan": 6,
18                                "widgetStyle": {
19                                    "backgroundColor": "#FFFFFF",
20                                    "borderColor": "#9687BB",
21                                    "borderEdges": [
22                                        "top"
23                                    ],
24                                    "borderRadius": 0,
25                                    "borderWidth": 8
26                                }
27                            },
28                            {
29                                "colspan": 12,
30                                "column": 0,
31                                "name": "text_2",
32                                "row": 0,
33                                "rowspan": 1,
34                                "widgetStyle": {
35                                    "backgroundColor": "#FFFFFF",
36                                    "borderColor": "#77B0AD",
37                                    "borderEdges": [],
38                                    "borderRadius": 0,
39                                    "borderWidth": 8
40                                }
41                            },
42                            {
43                                "colspan": 3,
44                                "column": 0,
45                                "name": "container_4",
46                                "row": 1,
47                                "rowspan": 6,
48                                "widgetStyle": {
49                                    "backgroundColor": "#FFFFFF",
50                                    "borderColor": "#77B0AD",
51                                    "borderEdges": [
52                                        "top"
53                                    ],
54                                    "borderRadius": 0,
55                                    "borderWidth": 8
56                                }
57                            },
58                            {
59                                "colspan": 3,
60                                "column": 0,
61                                "name": "text_1",
62                                "row": 1,
63                                "rowspan": 1,
64                                "widgetStyle": {
65                                    "borderEdges": []
66                                }
67                            },
68                            {
69                                "colspan": 3,
70                                "column": 3,
71                                "name": "text_3",
72                                "row": 1,
73                                "rowspan": 1,
74                                "widgetStyle": {
75                                    "borderEdges": []
76                                }
77                            },
78                            {
79                                "colspan": 3,
80                                "column": 0,
81                                "name": "number_1",
82                                "row": 2,
83                                "rowspan": 2,
84                                "widgetStyle": {
85                                    "borderEdges": []
86                                }
87                            },
88                            {
89                                "colspan": 3,
90                                "column": 3,
91                                "name": "number_2",
92                                "row": 2,
93                                "rowspan": 2,
94                                "widgetStyle": {
95                                    "borderEdges": []
96                                }
97                            },
98                            {
99                                "colspan": 3,
100                                "column": 0,
101                                "name": "chart_1",
102                                "row": 4,
103                                "rowspan": 3,
104                                "widgetStyle": {
105                                    "borderEdges": []
106                                }
107                            },
108                            {
109                                "colspan": 3,
110                                "column": 3,
111                                "name": "chart_2",
112                                "row": 4,
113                                "rowspan": 3,
114                                "widgetStyle": {
115                                    "borderEdges": []
116                                }
117                            },
118                            {
119                                "colspan": 6,
120                                "column": 6,
121                                "name": "chart_5",
122                                "row": 1,
123                                "rowspan": 6,
124                                "widgetStyle": {
125                                    "borderEdges": []
126                                }
127                            }
128                        ]
129                    }
130                ],
131                "selectors": [],
132                "style": {
133                    "alignmentX": "left",
134                    "alignmentY": "top",
135                    "backgroundColor": "#F2F6FA",
136                    "cellSpacingX": 8,
137                    "cellSpacingY": 8,
138                    "documentId": "",
139                    "fit": "original"
140                },
141                "version": 1
142            },
143            {
144                "name": "Tablet",
145                "numColumns": 8,
146                "selectors": [
147                    "minWidth(600)",
148                    "maxWidth(900)",
149                    "orientation(portrait)"
150                ],
151                "pages": [
152                    {
153                        "widgets": [
154                            {
155                                "colspan": 7,
156                                "column": 0,
157                                "name": "text_2",
158                                "row": 0,
159                                "rowspan": 1,
160                                "widgetStyle": {
161                                    "backgroundColor": "#FFFFFF",
162                                    "borderColor": "#77B0AD",
163                                    "borderEdges": [],
164                                    "borderRadius": 0,
165                                    "borderWidth": 8
166                                }
167                            },
168                            {
169                                "colspan": 3,
170                                "column": 0,
171                                "name": "text_1",
172                                "row": 1,
173                                "rowspan": 1,
174                                "widgetStyle": {
175                                    "borderEdges": []
176                                }
177                            },
178                            {
179                                "colspan": 3,
180                                "column": 0,
181                                "name": "number_1",
182                                "row": 2,
183                                "rowspan": 2,
184                                "widgetStyle": {
185                                    "borderEdges": []
186                                }
187                            },
188                            {
189                                "colspan": 3,
190                                "column": 0,
191                                "name": "chart_1",
192                                "row": 4,
193                                "rowspan": 3,
194                                "widgetStyle": {
195                                    "borderEdges": []
196                                }
197                            },
198                            {
199                                "colspan": 4,
200                                "column": 0,
201                                "name": "container_4",
202                                "row": 1,
203                                "rowspan": 6,
204                                "widgetStyle": {
205                                    "backgroundColor": "#FFFFFF",
206                                    "borderColor": "#77B0AD",
207                                    "borderEdges": [
208                                        "top"
209                                    ],
210                                    "borderRadius": 0,
211                                    "borderWidth": 8
212                                }
213                            },
214                            {
215                                "colspan": 3,
216                                "column": 4,
217                                "name": "text_3",
218                                "row": 1,
219                                "rowspan": 1,
220                                "widgetStyle": {
221                                    "borderEdges": []
222                                }
223                            },
224                            {
225                                "colspan": 3,
226                                "column": 4,
227                                "name": "number_2",
228                                "row": 2,
229                                "rowspan": 2,
230                                "widgetStyle": {
231                                    "borderEdges": []
232                                }
233                            },
234                            {
235                                "colspan": 3,
236                                "column": 4,
237                                "name": "chart_2",
238                                "row": 4,
239                                "rowspan": 3,
240                                "widgetStyle": {
241                                    "borderEdges": []
242                                }
243                            },
244                            {
245                                "colspan": 4,
246                                "column": 4,
247                                "name": "container_1",
248                                "row": 1,
249                                "rowspan": 6,
250                                "widgetStyle": {
251                                    "backgroundColor": "#FFFFFF",
252                                    "borderColor": "#9687BB",
253                                    "borderEdges": [
254                                        "top"
255                                    ],
256                                    "borderRadius": 0,
257                                    "borderWidth": 8
258                                }
259                            },
260                            {
261                                "colspan": 8,
262                                "column": 0,
263                                "name": "chart_5",
264                                "row": 7,
265                                "rowspan": 6,
266                                "widgetStyle": {
267                                    "borderEdges": []
268                                }
269                            }
270                        ]
271                    }
272                ],
273                "version": 1,
274                "style": {
275                    "backgroundColor": "#C5D3E0",
276                    "cellSpacingX": 4,
277                    "cellSpacingY": 4,
278                    "documentId": "",
279                    "fit": "original",
280                    "alignmentX": "left",
281                    "alignmentY": "top"
282                },
283                "maxWidth": 500
284            }
285        ],
286        "layouts": [],
287        "steps": {
288            "LeadSource_6": {
289                "datasets": [
290                    {
291                        "id": "0Fbx000000000LzCAI",
292                        "label": "Opportunities",
293                        "name": "opportunity1",
294                        "url": "/services/data/v38.0/wave/datasets/0Fbx000000000LzCAI"
295                    }
296                ],
297                "isFacet": true,
298                "isGlobal": false,
299                "query": {
300                    "measures": [
301                        [
302                            "sum",
303                            "Amount"
304                        ]
305                    ],
306                    "groups": [
307                        "LeadSource"
308                    ]
309                },
310                "type": "aggregate",
311                "useGlobal": true,
312                "visualizationParameters": {
313                    "visualizationType": "hbar",
314                    "options": {}
315                }
316            },
317            "LeadSource_7": {
318                "datasets": [
319                    {
320                        "id": "0Fbx000000000LzCAI",
321                        "label": "Opportunities",
322                        "name": "opportunity1",
323                        "url": "/services/data/v38.0/wave/datasets/0Fbx000000000LzCAI"
324                    }
325                ],
326                "isFacet": true,
327                "isGlobal": false,
328                "query": {
329                    "measures": [
330                        [
331                            "sum",
332                            "Amount"
333                        ]
334                    ],
335                    "groups": [
336                        "LeadSource"
337                    ]
338                },
339                "type": "aggregate",
340                "useGlobal": true,
341                "visualizationParameters": {
342                    "visualizationType": "hbar",
343                    "options": {}
344                }
345            },
346            "CreatedDate_Year_CreatedDate_Month_9": {
347                "datasets": [
348                    {
349                        "id": "0Fbx000000000LzCAI",
350                        "label": "Opportunities",
351                        "name": "opportunity1",
352                        "url": "/services/data/v38.0/wave/datasets/0Fbx000000000LzCAI"
353                    }
354                ],
355                "isFacet": true,
356                "isGlobal": false,
357                "query": {
358                    "measures": [
359                        [
360                            "sum",
361                            "Amount",
362                            "A",
363                            {
364                                "display": "Sum of Amount"
365                            }
366                        ],
367                        [
368                            "sum",
369                            "Amount",
370                            "B",
371                            {
372                                "display": "Running Total",
373                                "format": "currencydollars"
374                            }
375                        ]
376                    ],
377                    "columns": [
378                        {
379                            "query": {
380                                "measures": [
381                                    [
382                                        "sum",
383                                        "Amount"
384                                    ]
385                                ],
386                                "groups": [
387                                    [
388                                        "CreatedDate_Year",
389                                        "CreatedDate_Month"
390                                    ]
391                                ]
392                            }
393                        },
394                        {
395                            "query": {
396                                "measures": [
397                                    [
398                                        "sum",
399                                        "Amount"
400                                    ]
401                                ],
402                                "groups": [
403                                    [
404                                        "CreatedDate_Year",
405                                        "CreatedDate_Month"
406                                    ]
407                                ],
408                                "formula": "avg(A) over ([-1..0] partition by all order by ('CreatedDate_Year~~~CreatedDate_Month'))"
409                            },
410                            "format": "currencydollars",
411                            "header": "Running Total"
412                        }
413                    ],
414                    "groups": [
415                        [
416                            "CreatedDate_Year",
417                            "CreatedDate_Month"
418                        ]
419                    ]
420                },
421                "selectMode": "single",
422                "type": "aggregate",
423                "useGlobal": true,
424                "visualizationParameters": {
425                    "visualizationType": "hbar",
426                    "options": {}
427                }
428            },
429            "Account_Industry_4": {
430                "datasets": [
431                    {
432                        "id": "0Fbx000000000LzCAI",
433                        "label": "Opportunities",
434                        "name": "opportunity1",
435                        "url": "/services/data/v38.0/wave/datasets/0Fbx000000000LzCAI"
436                    }
437                ],
438                "isFacet": true,
439                "isGlobal": false,
440                "query": {
441                    "measures": [
442                        [
443                            "sum",
444                            "Amount"
445                        ]
446                    ],
447                    "groups": [
448                        "Account.Industry"
449                    ]
450                },
451                "type": "aggregate",
452                "useGlobal": true,
453                "visualizationParameters": {
454                    "visualizationType": "pie",
455                    "options": {}
456                }
457            },
458            "Amount_3": {
459                "datasets": [
460                    {
461                        "id": "0Fbx000000000LzCAI",
462                        "label": "Opportunities",
463                        "name": "opportunity1",
464                        "url": "/services/data/v38.0/wave/datasets/0Fbx000000000LzCAI"
465                    }
466                ],
467                "isFacet": true,
468                "isGlobal": false,
469                "query": {
470                    "measures": [
471                        [
472                            "sum",
473                            "Amount"
474                        ]
475                    ]
476                },
477                "type": "aggregate",
478                "useGlobal": true,
479                "visualizationParameters": {
480                    "visualizationType": "hbar",
481                    "options": {}
482                }
483            }
484        },
485        "widgetStyle": {
486            "backgroundColor": "#FFFFFF",
487            "borderColor": "#77B0AD",
488            "borderEdges": [
489                "top"
490            ],
491            "borderRadius": 0,
492            "borderWidth": 8
493        },
494        "widgets": {
495            "container_1": {
496                "parameters": {
497                    "alignmentX": "left",
498                    "alignmentY": "top",
499                    "documentId": "",
500                    "fit": "original"
501                },
502                "type": "container"
503            },
504            "number_2": {
505                "parameters": {
506                    "compact": true,
507                    "exploreLink": true,
508                    "measureField": "sum_Amount",
509                    "numberColor": "#335779",
510                    "numberSize": 32,
511                    "step": "LeadSource_6",
512                    "textAlignment": "center",
513                    "titleColor": "#335779",
514                    "titleSize": 16
515                },
516                "type": "number"
517            },
518            "number_1": {
519                "parameters": {
520                    "compact": true,
521                    "exploreLink": true,
522                    "measureField": "sum_Amount",
523                    "numberColor": "#335779",
524                    "numberSize": 32,
525                    "step": "Amount_3",
526                    "textAlignment": "center",
527                    "titleColor": "#335779",
528                    "titleSize": 16
529                },
530                "type": "number"
531            },
532            "text_1": {
533                "parameters": {
534                    "fontSize": 20,
535                    "text": "Industry",
536                    "textAlignment": "center",
537                    "textColor": "#000000"
538                },
539                "type": "text"
540            },
541            "container_4": {
542                "parameters": {
543                    "alignmentX": "left",
544                    "alignmentY": "top",
545                    "documentId": "",
546                    "fit": "original"
547                },
548                "type": "container"
549            },
550            "text_3": {
551                "parameters": {
552                    "fontSize": 20,
553                    "text": "Lead Source",
554                    "textAlignment": "center",
555                    "textColor": "#000000"
556                },
557                "type": "text"
558            },
559            "text_2": {
560                "parameters": {
561                    "fontSize": 20,
562                    "text": "Opportunity Overview Dashboard",
563                    "textAlignment": "center",
564                    "textColor": "#000000"
565                },
566                "type": "text"
567            },
568            "chart_5": {
569                "parameters": {
570                    "autoFitMode": "fit",
571                    "showValues": true,
572                    "barSize": 25,
573                    "legend": {
574                        "showHeader": true,
575                        "show": true,
576                        "position": "bottom-center",
577                        "inside": false
578                    },
579                    "axisMode": "multi",
580                    "visualizationType": "stackhbar",
581                    "exploreLink": true,
582                    "title": {
583                        "label": "",
584                        "align": "center",
585                        "subtitleLabel": ""
586                    },
587                    "trellis": {
588                        "enable": false,
589                        "type": "x",
590                        "chartsPerLine": 4
591                    },
592                    "measureAxis2": {
593                        "showTitle": true,
594                        "showAxis": true,
595                        "title": ""
596                    },
597                    "measureAxis1": {
598                        "showTitle": true,
599                        "showAxis": true,
600                        "title": ""
601                    },
602                    "normalize": false,
603                    "step": "CreatedDate_Year_CreatedDate_Month_9",
604                    "theme": "wave",
605                    "autoFit": false,
606                    "dimensionAxis": {
607                        "showTitle": true,
608                        "showAxis": true,
609                        "title": ""
610                    }
611                },
612                "type": "chart"
613            },
614            "chart_2": {
615                "parameters": {
616                    "legend": {
617                        "showHeader": true,
618                        "show": true,
619                        "position": "right-top",
620                        "inside": false
621                    },
622                    "showMeasureTitle": false,
623                    "showTotal": true,
624                    "visualizationType": "pie",
625                    "step": "LeadSource_7",
626                    "theme": "wave",
627                    "exploreLink": true,
628                    "title": {
629                        "label": "",
630                        "align": "center",
631                        "subtitleLabel": ""
632                    },
633                    "trellis": {
634                        "enable": false,
635                        "type": "x",
636                        "chartsPerLine": 4
637                    },
638                    "inner": 50
639                },
640                "type": "chart"
641            },
642            "chart_1": {
643                "parameters": {
644                    "autoFitMode": "fit",
645                    "showValues": true,
646                    "barSize": 25,
647                    "legend": {
648                        "showHeader": true,
649                        "show": true,
650                        "position": "right-top",
651                        "inside": false
652                    },
653                    "axisMode": "multi",
654                    "visualizationType": "hbar",
655                    "exploreLink": true,
656                    "title": {
657                        "label": "",
658                        "align": "center",
659                        "subtitleLabel": ""
660                    },
661                    "trellis": {
662                        "enable": false,
663                        "type": "x",
664                        "chartsPerLine": 4
665                    },
666                    "measureAxis2": {
667                        "showTitle": true,
668                        "showAxis": true,
669                        "title": ""
670                    },
671                    "measureAxis1": {
672                        "showTitle": false,
673                        "showAxis": true,
674                        "title": ""
675                    },
676                    "step": "Account_Industry_4",
677                    "theme": "wave",
678                    "autoFit": false,
679                    "dimensionAxis": {
680                        "showTitle": true,
681                        "showAxis": true,
682                        "title": "Industries"
683                    }
684                },
685                "type": "chart"
686            }
687        }
688    },
689    "datasets": [
690        {
691            "id": "0Fbx000000000LzCAI",
692            "label": "Opportunities",
693            "name": "opportunity1",
694            "url": "/services/data/v38.0/wave/datasets/0Fbx000000000LzCAI"
695        }
696    ]
697}

この JSON ファイルは、Wave デザイナで作成された次のダッシュボードを定義します。 Wave ダッシュボードデザイナで作成されたサンプルダッシュボード

このダッシュボードには次のウィジェットが表示されます。
  • ファセットされた 2 つの数値ウィジェット: number_1 (ステップ Amount_3 に基づく) と number_2 (ステップ LeadSource_6 に基づく)。
  • ファセットされた 3 つのグラフウィジェット: 1 つの棒グラフ chart_5 (ステップ Account_Industry_4 に基づく)、1 つの円グラフ chart_2 (ステップ LeadSource_7 に基づく)、および 1 つの積み上げ棒グラフ chart_5 (ステップ CreatedDate_Year_CreatedDate_Month_9 に基づく)。これらのステップは同じ 0Fbx000000000LzCAI データセットを参照します。
  • 2 つのコンテナウィジェット (container_1container_4)。各コンテナウィジェットで数値ウィジェットとグラフをグループ化します。
  • 2 つのテキストウィジェット (text_1text_3)。コンテナのラベルを提供します。