b-blocks / build / chart / block.json

block.json in bBlocks – Essential Gutenberg Blocks & Patterns Collection trunk, at build/chart/block.json

201 lines 4.0 KB

Raw Download Zip

1	{
2	"apiVersion": 3,
3	"name": "b-blocks/chart",
4	"title": "Chart",
5	"description": "Graphical representation for data visualization.",
6	"category": "bBlocks",
7	"keywords": [
8	"charts",
9	"line charts",
10	"pie charts"
11	],
12	"textdomain": "b-blocks",
13	"attributes": {
14	"align": {
15	"type": "string",
16	"default": ""
17	},
18	"data": {
19	"type": "object",
20	"default": {
21	"labels": [
22	"January",
23	"February",
24	"March",
25	"April",
26	"May",
27	"June"
28	],
29	"datasets": [
30	{
31	"label": "T-Shirts Sell 2021",
32	"data": [
33	3,
34	9,
35	10,
36	16,
37	14,
38	16
39	],
40	"backgroundColor": [
41	"#ff638433",
42	"#36a28733",
43	"#ffce5633",
44	"#4bc0c033",
45	"#9966ff33",
46	"#ff9f4033"
47	],
48	"borderColor": [
49	"#ff6384",
50	"#36a287",
51	"#ffce56",
52	"#4bc0c0",
53	"#9966ff",
54	"#ff9f40"
55	],
56	"tension": 0.4,
57	"borderWidth": 2,
58	"hoverBorderWidth": 2,
59	"pointRadius": 3,
60	"pointHoverRadius": 4,
61	"pointStyle": "triangle"
62	},
63	{
64	"label": "Shoes Sell 2021",
65	"data": [
66	5,
67	7,
68	12,
69	14,
70	13,
71	17
72	],
73	"backgroundColor": [
74	"#ff638433",
75	"#36a28733",
76	"#ffce5633",
77	"#4bc0c033",
78	"#9966ff33",
79	"#ff9f4033"
80	],
81	"borderColor": [
82	"#ff6384",
83	"#36a287",
84	"#ffce56",
85	"#4bc0c0",
86	"#9966ff",
87	"#ff9f40"
88	],
89	"tension": 0.4,
90	"borderWidth": 2,
91	"hoverBorderWidth": 2,
92	"pointRadius": 3,
93	"pointHoverRadius": 4,
94	"pointStyle": "circle"
95	}
96	]
97	}
98	},
99	"type": {
100	"type": "string",
101	"default": "line"
102	},
103	"width": {
104	"type": "string",
105	"default": "100%"
106	},
107	"height": {
108	"type": "string",
109	"default": "450px"
110	},
111	"background": {
112	"type": "object",
113	"default": {
114	"color": "#0000"
115	}
116	},
117	"textColor": {
118	"type": "string",
119	"default": "#666"
120	},
121	"isXScale": {
122	"type": "boolean",
123	"default": true
124	},
125	"isXGridLine": {
126	"type": "boolean",
127	"default": true
128	},
129	"isYScale": {
130	"type": "boolean",
131	"default": true
132	},
133	"isYGridLine": {
134	"type": "boolean",
135	"default": true
136	},
137	"gridLineColor": {
138	"type": "string",
139	"default": "#0000001a"
140	},
141	"alignment": {
142	"type": "string",
143	"default": "center"
144	},
145	"isTitle": {
146	"type": "boolean",
147	"default": true
148	},
149	"title": {
150	"type": "string",
151	"default": "Chart Title"
152	},
153	"titleFontSize": {
154	"type": "number",
155	"default": 22
156	},
157	"titleColor": {
158	"type": "string",
159	"default": "#146EF5"
160	},
161	"isSubtitle": {
162	"type": "boolean",
163	"default": false
164	},
165	"subtitle": {
166	"type": "string",
167	"default": "Chart Subtitle"
168	},
169	"subtitleFontSize": {
170	"type": "number",
171	"default": 13
172	},
173	"subtitleColor": {
174	"type": "string",
175	"default": "#FF7A00"
176	},
177	"isDownload": {
178	"type": "boolean",
179	"default": false
180	}
181	},
182	"supports": {
183	"align": [
184	"wide",
185	"full"
186	],
187	"html": false
188	},
189	"example": {
190	"attributes": {
191	"preview": true
192	}
193	},
194	"editorScript": "file:../index.js",
195	"style": "file:./view.css",
196	"render": "file:./render.php",
197	"viewScript": [
198	"file:./view.js",
199	"chartJS"
200	]
201	}