mazer-rails 0.1.4 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (159) hide show
  1. checksums.yaml +4 -4
  2. data/Rakefile +75 -0
  3. data/lib/mazer-rails.rb +13 -0
  4. data/lib/mazer_rails/engine.rb +27 -0
  5. data/lib/mazer_rails/version.rb +1 -1
  6. data/mazer-rails.gemspec +5 -2
  7. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-all-300-normal.woff +0 -0
  8. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-all-400-normal.woff +0 -0
  9. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-all-600-normal.woff +0 -0
  10. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-all-700-normal.woff +0 -0
  11. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-all-800-normal.woff +0 -0
  12. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-300-normal.woff2 +0 -0
  13. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-400-normal.woff2 +0 -0
  14. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-600-normal.woff2 +0 -0
  15. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-700-normal.woff2 +0 -0
  16. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-800-normal.woff2 +0 -0
  17. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-ext-300-normal.woff2 +0 -0
  18. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-ext-400-normal.woff2 +0 -0
  19. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-ext-600-normal.woff2 +0 -0
  20. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-ext-700-normal.woff2 +0 -0
  21. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-cyrillic-ext-800-normal.woff2 +0 -0
  22. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-300-normal.woff2 +0 -0
  23. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-400-normal.woff2 +0 -0
  24. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-600-normal.woff2 +0 -0
  25. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-700-normal.woff2 +0 -0
  26. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-800-normal.woff2 +0 -0
  27. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-ext-300-normal.woff2 +0 -0
  28. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-ext-400-normal.woff2 +0 -0
  29. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-ext-600-normal.woff2 +0 -0
  30. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-ext-700-normal.woff2 +0 -0
  31. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-latin-ext-800-normal.woff2 +0 -0
  32. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-vietnamese-300-normal.woff2 +0 -0
  33. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-vietnamese-400-normal.woff2 +0 -0
  34. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-vietnamese-600-normal.woff2 +0 -0
  35. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-vietnamese-700-normal.woff2 +0 -0
  36. data/vendor/assets/fonts/vendor/@fontsource/nunito/files/nunito-vietnamese-800-normal.woff2 +0 -0
  37. data/vendor/assets/fonts/vendor/bootstrap-icons/bootstrap-icons.woff +0 -0
  38. data/vendor/assets/fonts/vendor/bootstrap-icons/bootstrap-icons.woff2 +0 -0
  39. data/vendor/assets/javascripts/mazer/app.js +2 -0
  40. data/vendor/assets/javascripts/mazer/bootstrap.js +2 -0
  41. data/vendor/assets/javascripts/mazer/initTheme.js +1 -0
  42. data/vendor/assets/javascripts/mazer/mazer.js +2 -0
  43. data/vendor/assets/stylesheets/mazer/app-dark.scss +1 -0
  44. data/vendor/assets/stylesheets/mazer/app.scss +13 -0
  45. metadata +60 -120
  46. data/lib/mazer_rails.rb +0 -7
  47. data/vendor/assets/fonts/iconly/Iconly---Bold.eot +0 -0
  48. data/vendor/assets/fonts/iconly/Iconly---Bold.svg +0 -19
  49. data/vendor/assets/fonts/iconly/Iconly---Bold.ttf +0 -0
  50. data/vendor/assets/fonts/iconly/Iconly---Bold.woff +0 -0
  51. data/vendor/assets/images/bg/4853433.png +0 -0
  52. data/vendor/assets/images/faces/1.jpg +0 -0
  53. data/vendor/assets/images/faces/2.jpg +0 -0
  54. data/vendor/assets/images/faces/3.jpg +0 -0
  55. data/vendor/assets/images/faces/4.jpg +0 -0
  56. data/vendor/assets/images/faces/5.jpg +0 -0
  57. data/vendor/assets/images/faces/6.jpg +0 -0
  58. data/vendor/assets/images/faces/7.jpg +0 -0
  59. data/vendor/assets/images/faces/8.jpg +0 -0
  60. data/vendor/assets/images/logo/favicon.png +0 -0
  61. data/vendor/assets/images/logo/favicon.svg +0 -1
  62. data/vendor/assets/images/logo/logo.svg +0 -1
  63. data/vendor/assets/images/samples/1.png +0 -0
  64. data/vendor/assets/images/samples/2.png +0 -0
  65. data/vendor/assets/images/samples/3.png +0 -0
  66. data/vendor/assets/images/samples/4.png +0 -0
  67. data/vendor/assets/images/samples/architecture1.jpg +0 -0
  68. data/vendor/assets/images/samples/banana.jpg +0 -0
  69. data/vendor/assets/images/samples/bg-mountain.jpg +0 -0
  70. data/vendor/assets/images/samples/building.jpg +0 -0
  71. data/vendor/assets/images/samples/error-403.svg +0 -94
  72. data/vendor/assets/images/samples/error-404.svg +0 -88
  73. data/vendor/assets/images/samples/error-500.svg +0 -76
  74. data/vendor/assets/images/samples/jump.jpg +0 -0
  75. data/vendor/assets/images/samples/motorcycle.jpg +0 -0
  76. data/vendor/assets/images/samples/origami.jpg +0 -0
  77. data/vendor/assets/images/samples/water.jpg +0 -0
  78. data/vendor/assets/images/svg-loaders/audio.svg +0 -29
  79. data/vendor/assets/images/svg-loaders/ball-triangle.svg +0 -1
  80. data/vendor/assets/images/svg-loaders/bars.svg +0 -1
  81. data/vendor/assets/images/svg-loaders/circles.svg +0 -20
  82. data/vendor/assets/images/svg-loaders/grid.svg +0 -1
  83. data/vendor/assets/images/svg-loaders/hearts.svg +0 -1
  84. data/vendor/assets/images/svg-loaders/oval.svg +0 -1
  85. data/vendor/assets/images/svg-loaders/puff.svg +0 -1
  86. data/vendor/assets/images/svg-loaders/rings.svg +0 -1
  87. data/vendor/assets/images/svg-loaders/spinning-circles.svg +0 -1
  88. data/vendor/assets/images/svg-loaders/tail-spin.svg +0 -1
  89. data/vendor/assets/images/svg-loaders/three-dots.svg +0 -1
  90. data/vendor/assets/javascripts/app.js +0 -9
  91. data/vendor/assets/javascripts/bootstrap.js +0 -6
  92. data/vendor/assets/javascripts/components/dark.js +0 -65
  93. data/vendor/assets/javascripts/components/sidebar.js +0 -185
  94. data/vendor/assets/javascripts/helper/isDesktop.js +0 -1
  95. data/vendor/assets/javascripts/initTheme.js +0 -5
  96. data/vendor/assets/javascripts/mazer.js +0 -9
  97. data/vendor/assets/javascripts/pages/ckeditor.js +0 -3
  98. data/vendor/assets/javascripts/pages/component-toasts.js +0 -9
  99. data/vendor/assets/javascripts/pages/dashboard.js +0 -158
  100. data/vendor/assets/javascripts/pages/datatables.js +0 -1
  101. data/vendor/assets/javascripts/pages/filepond.js +0 -181
  102. data/vendor/assets/javascripts/pages/form-editor.js +0 -27
  103. data/vendor/assets/javascripts/pages/form-element-select.js +0 -14
  104. data/vendor/assets/javascripts/pages/horizontal-layout.js +0 -43
  105. data/vendor/assets/javascripts/pages/jquery.js +0 -1
  106. data/vendor/assets/javascripts/pages/jsvectormap.js +0 -60
  107. data/vendor/assets/javascripts/pages/parsley.js +0 -55
  108. data/vendor/assets/javascripts/pages/quill.js +0 -27
  109. data/vendor/assets/javascripts/pages/rater-js.js +0 -38
  110. data/vendor/assets/javascripts/pages/simple-datatables.js +0 -46
  111. data/vendor/assets/javascripts/pages/summernote.js +0 -20
  112. data/vendor/assets/javascripts/pages/sweetalert2.js +0 -142
  113. data/vendor/assets/javascripts/pages/tinymce.js +0 -22
  114. data/vendor/assets/javascripts/pages/toastify.js +0 -81
  115. data/vendor/assets/javascripts/pages/ui-apexchart.js +0 -521
  116. data/vendor/assets/javascripts/pages/ui-chartjs.js +0 -445
  117. data/vendor/assets/javascripts/pages/ui-todolist.js +0 -5
  118. data/vendor/assets/stylesheets/_fonts.scss +0 -5
  119. data/vendor/assets/stylesheets/_mazer.scss +0 -103
  120. data/vendor/assets/stylesheets/_utilities.scss +0 -53
  121. data/vendor/assets/stylesheets/_variables.scss +0 -1626
  122. data/vendor/assets/stylesheets/app.scss +0 -20
  123. data/vendor/assets/stylesheets/bootstrap.scss +0 -58
  124. data/vendor/assets/stylesheets/components/_alert.scss +0 -43
  125. data/vendor/assets/stylesheets/components/_avatar.scss +0 -78
  126. data/vendor/assets/stylesheets/components/_badge.scss +0 -20
  127. data/vendor/assets/stylesheets/components/_breadcrumb.scss +0 -10
  128. data/vendor/assets/stylesheets/components/_buttons.scss +0 -62
  129. data/vendor/assets/stylesheets/components/_card.scss +0 -126
  130. data/vendor/assets/stylesheets/components/_carousel.scss +0 -6
  131. data/vendor/assets/stylesheets/components/_divider.scss +0 -37
  132. data/vendor/assets/stylesheets/components/_dropdowns.scss +0 -24
  133. data/vendor/assets/stylesheets/components/_forms.scss +0 -213
  134. data/vendor/assets/stylesheets/components/_icons.scss +0 -48
  135. data/vendor/assets/stylesheets/components/_modal.scss +0 -46
  136. data/vendor/assets/stylesheets/components/_navbar.scss +0 -280
  137. data/vendor/assets/stylesheets/components/_navs.scss +0 -32
  138. data/vendor/assets/stylesheets/components/_pagination.scss +0 -39
  139. data/vendor/assets/stylesheets/components/_progress.scss +0 -32
  140. data/vendor/assets/stylesheets/components/_sidebar.scss +0 -171
  141. data/vendor/assets/stylesheets/components/_table.scss +0 -36
  142. data/vendor/assets/stylesheets/iconly.scss +0 -327
  143. data/vendor/assets/stylesheets/layouts/main.scss +0 -48
  144. data/vendor/assets/stylesheets/mixins/_navbar.scss +0 -20
  145. data/vendor/assets/stylesheets/pages/auth.scss +0 -51
  146. data/vendor/assets/stylesheets/pages/chat.scss +0 -145
  147. data/vendor/assets/stylesheets/pages/datatables.scss +0 -7
  148. data/vendor/assets/stylesheets/pages/dripicons.scss +0 -20
  149. data/vendor/assets/stylesheets/pages/email.scss +0 -625
  150. data/vendor/assets/stylesheets/pages/error.scss +0 -22
  151. data/vendor/assets/stylesheets/pages/form-element-select.scss +0 -7
  152. data/vendor/assets/stylesheets/pages/simple-datatables.scss +0 -20
  153. data/vendor/assets/stylesheets/pages/summernote.scss +0 -4
  154. data/vendor/assets/stylesheets/themes/dark/_mazer-dark.scss +0 -82
  155. data/vendor/assets/stylesheets/themes/dark/_root.scss +0 -55
  156. data/vendor/assets/stylesheets/themes/dark/_variables-dark.scss +0 -329
  157. data/vendor/assets/stylesheets/themes/dark/app-dark.scss +0 -54
  158. data/vendor/assets/stylesheets/widgets/chat.scss +0 -26
  159. data/vendor/assets/stylesheets/widgets/todo.scss +0 -33
@@ -1,521 +0,0 @@
1
- var lineOptions = {
2
- chart: {
3
- type: "line",
4
- },
5
- series: [
6
- {
7
- name: "sales",
8
- data: [30, 40, 35, 50, 49, 60, 70, 91, 125],
9
- },
10
- ],
11
- xaxis: {
12
- categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998, 1999],
13
- },
14
- }
15
- var candleOptions = {
16
- series: [
17
- {
18
- name: "candle",
19
- data: [
20
- {
21
- x: new Date(1538778600000),
22
- y: [6629.81, 6650.5, 6623.04, 6633.33],
23
- },
24
- {
25
- x: new Date(1538780400000),
26
- y: [6632.01, 6643.59, 6620, 6630.11],
27
- },
28
- {
29
- x: new Date(1538782200000),
30
- y: [6630.71, 6648.95, 6623.34, 6635.65],
31
- },
32
- {
33
- x: new Date(1538784000000),
34
- y: [6635.65, 6651, 6629.67, 6638.24],
35
- },
36
- {
37
- x: new Date(1538785800000),
38
- y: [6638.24, 6640, 6620, 6624.47],
39
- },
40
- {
41
- x: new Date(1538787600000),
42
- y: [6624.53, 6636.03, 6621.68, 6624.31],
43
- },
44
- {
45
- x: new Date(1538789400000),
46
- y: [6624.61, 6632.2, 6617, 6626.02],
47
- },
48
- {
49
- x: new Date(1538791200000),
50
- y: [6627, 6627.62, 6584.22, 6603.02],
51
- },
52
- {
53
- x: new Date(1538793000000),
54
- y: [6605, 6608.03, 6598.95, 6604.01],
55
- },
56
- {
57
- x: new Date(1538794800000),
58
- y: [6604.5, 6614.4, 6602.26, 6608.02],
59
- },
60
- {
61
- x: new Date(1538796600000),
62
- y: [6608.02, 6610.68, 6601.99, 6608.91],
63
- },
64
- {
65
- x: new Date(1538798400000),
66
- y: [6608.91, 6618.99, 6608.01, 6612],
67
- },
68
- {
69
- x: new Date(1538800200000),
70
- y: [6612, 6615.13, 6605.09, 6612],
71
- },
72
- {
73
- x: new Date(1538802000000),
74
- y: [6612, 6624.12, 6608.43, 6622.95],
75
- },
76
- {
77
- x: new Date(1538803800000),
78
- y: [6623.91, 6623.91, 6615, 6615.67],
79
- },
80
- {
81
- x: new Date(1538805600000),
82
- y: [6618.69, 6618.74, 6610, 6610.4],
83
- },
84
- {
85
- x: new Date(1538807400000),
86
- y: [6611, 6622.78, 6610.4, 6614.9],
87
- },
88
- {
89
- x: new Date(1538809200000),
90
- y: [6614.9, 6626.2, 6613.33, 6623.45],
91
- },
92
- {
93
- x: new Date(1538811000000),
94
- y: [6623.48, 6627, 6618.38, 6620.35],
95
- },
96
- {
97
- x: new Date(1538812800000),
98
- y: [6619.43, 6620.35, 6610.05, 6615.53],
99
- },
100
- {
101
- x: new Date(1538814600000),
102
- y: [6615.53, 6617.93, 6610, 6615.19],
103
- },
104
- {
105
- x: new Date(1538816400000),
106
- y: [6615.19, 6621.6, 6608.2, 6620],
107
- },
108
- {
109
- x: new Date(1538818200000),
110
- y: [6619.54, 6625.17, 6614.15, 6620],
111
- },
112
- {
113
- x: new Date(1538820000000),
114
- y: [6620.33, 6634.15, 6617.24, 6624.61],
115
- },
116
- {
117
- x: new Date(1538821800000),
118
- y: [6625.95, 6626, 6611.66, 6617.58],
119
- },
120
- {
121
- x: new Date(1538823600000),
122
- y: [6619, 6625.97, 6595.27, 6598.86],
123
- },
124
- {
125
- x: new Date(1538825400000),
126
- y: [6598.86, 6598.88, 6570, 6587.16],
127
- },
128
- {
129
- x: new Date(1538827200000),
130
- y: [6588.86, 6600, 6580, 6593.4],
131
- },
132
- {
133
- x: new Date(1538829000000),
134
- y: [6593.99, 6598.89, 6585, 6587.81],
135
- },
136
- {
137
- x: new Date(1538830800000),
138
- y: [6587.81, 6592.73, 6567.14, 6578],
139
- },
140
- {
141
- x: new Date(1538832600000),
142
- y: [6578.35, 6581.72, 6567.39, 6579],
143
- },
144
- {
145
- x: new Date(1538834400000),
146
- y: [6579.38, 6580.92, 6566.77, 6575.96],
147
- },
148
- {
149
- x: new Date(1538836200000),
150
- y: [6575.96, 6589, 6571.77, 6588.92],
151
- },
152
- {
153
- x: new Date(1538838000000),
154
- y: [6588.92, 6594, 6577.55, 6589.22],
155
- },
156
- {
157
- x: new Date(1538839800000),
158
- y: [6589.3, 6598.89, 6589.1, 6596.08],
159
- },
160
- {
161
- x: new Date(1538841600000),
162
- y: [6597.5, 6600, 6588.39, 6596.25],
163
- },
164
- {
165
- x: new Date(1538843400000),
166
- y: [6598.03, 6600, 6588.73, 6595.97],
167
- },
168
- {
169
- x: new Date(1538845200000),
170
- y: [6595.97, 6602.01, 6588.17, 6602],
171
- },
172
- {
173
- x: new Date(1538847000000),
174
- y: [6602, 6607, 6596.51, 6599.95],
175
- },
176
- {
177
- x: new Date(1538848800000),
178
- y: [6600.63, 6601.21, 6590.39, 6591.02],
179
- },
180
- {
181
- x: new Date(1538850600000),
182
- y: [6591.02, 6603.08, 6591, 6591],
183
- },
184
- {
185
- x: new Date(1538852400000),
186
- y: [6591, 6601.32, 6585, 6592],
187
- },
188
- {
189
- x: new Date(1538854200000),
190
- y: [6593.13, 6596.01, 6590, 6593.34],
191
- },
192
- {
193
- x: new Date(1538856000000),
194
- y: [6593.34, 6604.76, 6582.63, 6593.86],
195
- },
196
- {
197
- x: new Date(1538857800000),
198
- y: [6593.86, 6604.28, 6586.57, 6600.01],
199
- },
200
- {
201
- x: new Date(1538859600000),
202
- y: [6601.81, 6603.21, 6592.78, 6596.25],
203
- },
204
- {
205
- x: new Date(1538861400000),
206
- y: [6596.25, 6604.2, 6590, 6602.99],
207
- },
208
- {
209
- x: new Date(1538863200000),
210
- y: [6602.99, 6606, 6584.99, 6587.81],
211
- },
212
- {
213
- x: new Date(1538865000000),
214
- y: [6587.81, 6595, 6583.27, 6591.96],
215
- },
216
- {
217
- x: new Date(1538866800000),
218
- y: [6591.97, 6596.07, 6585, 6588.39],
219
- },
220
- {
221
- x: new Date(1538868600000),
222
- y: [6587.6, 6598.21, 6587.6, 6594.27],
223
- },
224
- {
225
- x: new Date(1538870400000),
226
- y: [6596.44, 6601, 6590, 6596.55],
227
- },
228
- {
229
- x: new Date(1538872200000),
230
- y: [6598.91, 6605, 6596.61, 6600.02],
231
- },
232
- {
233
- x: new Date(1538874000000),
234
- y: [6600.55, 6605, 6589.14, 6593.01],
235
- },
236
- {
237
- x: new Date(1538875800000),
238
- y: [6593.15, 6605, 6592, 6603.06],
239
- },
240
- {
241
- x: new Date(1538877600000),
242
- y: [6603.07, 6604.5, 6599.09, 6603.89],
243
- },
244
- {
245
- x: new Date(1538879400000),
246
- y: [6604.44, 6604.44, 6600, 6603.5],
247
- },
248
- {
249
- x: new Date(1538881200000),
250
- y: [6603.5, 6603.99, 6597.5, 6603.86],
251
- },
252
- {
253
- x: new Date(1538883000000),
254
- y: [6603.85, 6605, 6600, 6604.07],
255
- },
256
- {
257
- x: new Date(1538884800000),
258
- y: [6604.98, 6606, 6604.07, 6606],
259
- },
260
- ],
261
- },
262
- ],
263
- chart: {
264
- height: 350,
265
- type: "candlestick",
266
- },
267
- title: {
268
- text: "CandleStick Chart - Category X-axis",
269
- align: "left",
270
- },
271
- annotations: {
272
- xaxis: [
273
- {
274
- x: "Oct 06 14:00",
275
- borderColor: "#00E396",
276
- label: {
277
- borderColor: "#00E396",
278
- style: {
279
- fontSize: "12px",
280
- color: "#fff",
281
- background: "#00E396",
282
- },
283
- orientation: "horizontal",
284
- offsetY: 7,
285
- text: "Annotation Test",
286
- },
287
- },
288
- ],
289
- },
290
- tooltip: {
291
- enabled: true,
292
- },
293
- xaxis: {
294
- type: "category",
295
- labels: {
296
- formatter: function (val) {
297
- return dayjs(val).format("MMM DD HH:mm")
298
- },
299
- },
300
- },
301
- yaxis: {
302
- tooltip: {
303
- enabled: true,
304
- },
305
- },
306
- }
307
-
308
- var barOptions = {
309
- series: [
310
- {
311
- name: "Net Profit",
312
- data: [44, 55, 57, 56, 61, 58, 63, 60, 66],
313
- },
314
- {
315
- name: "Revenue",
316
- data: [76, 85, 101, 98, 87, 105, 91, 114, 94],
317
- },
318
- {
319
- name: "Free Cash Flow",
320
- data: [35, 41, 36, 26, 45, 48, 52, 53, 41],
321
- },
322
- ],
323
- chart: {
324
- type: "bar",
325
- height: 350,
326
- },
327
- plotOptions: {
328
- bar: {
329
- horizontal: false,
330
- columnWidth: "55%",
331
- endingShape: "rounded",
332
- },
333
- },
334
- dataLabels: {
335
- enabled: false,
336
- },
337
- stroke: {
338
- show: true,
339
- width: 2,
340
- colors: ["transparent"],
341
- },
342
- xaxis: {
343
- categories: ["Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct"],
344
- },
345
- yaxis: {
346
- title: {
347
- text: "$ (thousands)",
348
- },
349
- },
350
- fill: {
351
- opacity: 1,
352
- },
353
- tooltip: {
354
- y: {
355
- formatter: function (val) {
356
- return "$ " + val + " thousands"
357
- },
358
- },
359
- },
360
- }
361
-
362
- var radialGradientOptions = {
363
- series: [75],
364
- chart: {
365
- height: 350,
366
- type: "radialBar",
367
- toolbar: {
368
- show: true,
369
- },
370
- },
371
- plotOptions: {
372
- radialBar: {
373
- startAngle: -135,
374
- endAngle: 225,
375
- hollow: {
376
- margin: 0,
377
- size: "70%",
378
- background: "#fff",
379
- image: undefined,
380
- imageOffsetX: 0,
381
- imageOffsetY: 0,
382
- position: "front",
383
- dropShadow: {
384
- enabled: true,
385
- top: 3,
386
- left: 0,
387
- blur: 4,
388
- opacity: 0.24,
389
- },
390
- },
391
- track: {
392
- background: "#fff",
393
- strokeWidth: "67%",
394
- margin: 0, // margin is in pixels
395
- dropShadow: {
396
- enabled: true,
397
- top: -3,
398
- left: 0,
399
- blur: 4,
400
- opacity: 0.35,
401
- },
402
- },
403
-
404
- dataLabels: {
405
- show: true,
406
- name: {
407
- offsetY: -10,
408
- show: true,
409
- color: "#888",
410
- fontSize: "17px",
411
- },
412
- value: {
413
- formatter: function (val) {
414
- return parseInt(val)
415
- },
416
- color: "#111",
417
- fontSize: "36px",
418
- show: true,
419
- },
420
- },
421
- },
422
- },
423
- fill: {
424
- type: "gradient",
425
- gradient: {
426
- shade: "dark",
427
- type: "horizontal",
428
- shadeIntensity: 0.5,
429
- gradientToColors: ["#ABE5A1"],
430
- inverseColors: true,
431
- opacityFrom: 1,
432
- opacityTo: 1,
433
- stops: [0, 100],
434
- },
435
- },
436
- stroke: {
437
- lineCap: "round",
438
- },
439
- labels: ["Percent"],
440
- }
441
- var areaOptions = {
442
- series: [
443
- {
444
- name: "series1",
445
- data: [31, 40, 28, 51, 42, 109, 100],
446
- },
447
- {
448
- name: "series2",
449
- data: [11, 32, 45, 32, 34, 52, 41],
450
- },
451
- ],
452
- chart: {
453
- height: 350,
454
- type: "area",
455
- },
456
- dataLabels: {
457
- enabled: false,
458
- },
459
- stroke: {
460
- curve: "smooth",
461
- },
462
- xaxis: {
463
- type: "datetime",
464
- categories: [
465
- "2018-09-19T00:00:00.000Z",
466
- "2018-09-19T01:30:00.000Z",
467
- "2018-09-19T02:30:00.000Z",
468
- "2018-09-19T03:30:00.000Z",
469
- "2018-09-19T04:30:00.000Z",
470
- "2018-09-19T05:30:00.000Z",
471
- "2018-09-19T06:30:00.000Z",
472
- ],
473
- },
474
- tooltip: {
475
- x: {
476
- format: "dd/MM/yy HH:mm",
477
- },
478
- },
479
- }
480
- var radialBarOptions = {
481
- series: [44, 55, 67, 83],
482
- chart: {
483
- height: 350,
484
- type: "radialBar",
485
- },
486
- plotOptions: {
487
- radialBar: {
488
- dataLabels: {
489
- name: {
490
- fontSize: "22px",
491
- },
492
- value: {
493
- fontSize: "16px",
494
- },
495
- total: {
496
- show: true,
497
- label: "Total",
498
- formatter: function (w) {
499
- // By default this function returns the average of all series. The below is just an example to show the use of custom formatter function
500
- return 249
501
- },
502
- },
503
- },
504
- },
505
- },
506
- labels: ["Apples", "Oranges", "Bananas", "Berries"],
507
- }
508
- var bar = new ApexCharts(document.querySelector("#bar"), barOptions)
509
- var line = new ApexCharts(document.querySelector("#line"), lineOptions)
510
- var candle = new ApexCharts(document.querySelector("#candle"), candleOptions)
511
- var radialGradient = new ApexCharts(
512
- document.querySelector("#radialGradient"),
513
- radialGradientOptions
514
- )
515
- var area = new ApexCharts(document.querySelector("#area"), areaOptions)
516
-
517
- area.render()
518
- radialGradient.render()
519
- candle.render()
520
- bar.render()
521
- line.render()