Analytics ダッシュボード JSON リファレンス
jgridLayouts (Wave デザイナダッシュボードのみ)
gridLayouts セクションでは、ダッシュボード用に作成されるすべてのレイアウトを定義します。
Wave デザイナダッシュボードのレイアウトについての詳細は、「各種のデバイス固有のダッシュボードレイアウトの生成」を参照してください。Classic デザイナダッシュボードのレイアウトについての詳細は、「layouts (Classic デザイナダッシュボードのみ)」を参照してください。
例
1"gridLayouts": [
2 {
3 "name": "Default",
4 "numColumns": 9,
5 "pages": [
6 {
7 "label": "Page 1",
8 "name": "41f040d6-48a6-4dc7-9166-eb985df7e9d8",
9 "widgets": [
10 {
11 "colspan": 9,
12 "column": 0,
13 "name": "filterpanel_1",
14 "row": 0,
15 "rowspan": 3,
16 "widgetStyle": {
17 "borderEdges": []
18 }
19 },
20 {
21 "colspan": 9,
22 "column": 0,
23 "name": "chart_1",
24 "row": 3,
25 "rowspan": 5,
26 "widgetStyle": {
27 "borderEdges": []
28 }
29 },
30 {
31 "colspan": 2,
32 "column": 0,
33 "name": "link_1",
34 "row": 8,
35 "rowspan": 1,
36 "widgetStyle": {
37 "borderEdges": []
38 }
39 }
40 ]
41 },
42 {
43 "label": "Page 2",
44 "name": "ac750443-1729-47fb-8d60-a35703076bf7",
45 "widgets": [
46 {
47 "colspan": 9,
48 "column": 0,
49 "name": "filterpanel_1",
50 "row": 0,
51 "rowspan": 3,
52 "widgetStyle": {
53 "borderEdges": []
54 }
55 },
56 {
57 "colspan": 9,
58 "column": 0,
59 "name": "table_1",
60 "row": 3,
61 "rowspan": 7,
62 "widgetStyle": {
63 "borderEdges": []
64 }
65 }
66 ]
67 }
68 ],
69 "rowHeight": "normal",
70 "selectors": [],
71 "style": {
72 "alignmentX": "left",
73 "alignmentY": "top",
74 "backgroundColor": "#44A2F5",
75 "cellSpacingX": 4,
76 "cellSpacingY": 4,
77 "fit": "original",
78 "gutterColor": "#A3B8CC"
79 },
80 "version": 1
81 },
82 {
83 "name": "Mobile",
84 "numColumns": 2,
85 "pages": [
86 {
87 "label": "Page 1",
88 "name": "41f040d6-48a6-4dc7-9166-eb985df7e9d8",
89 "widgets": [
90 {
91 "colspan": 2,
92 "column": 0,
93 "name": "filterpanel_1",
94 "row": 0,
95 "rowspan": 2,
96 "widgetStyle": {
97 "borderEdges": []
98 }
99 },
100 {
101 "colspan": 2,
102 "column": 0,
103 "name": "chart_1",
104 "row": 2,
105 "rowspan": 10,
106 "widgetStyle": {
107 "borderEdges": []
108 }
109 }
110 ]
111 }
112 ],
113 "rowHeight": "normal",
114 "selectors": [
115 "maxWidth(599)"
116 ],
117 "style": {
118 "alignmentX": "left",
119 "alignmentY": "top",
120 "backgroundColor": "#2EC2BA",
121 "cellSpacingX": 4,
122 "cellSpacingY": 4,
123 "fit": "original",
124 "gutterColor": "#091A3E"
125 },
126 "version": 1
127 }
128]