cats4u-charts 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/.editorconfig +17 -0
  2. package/.vscode/extensions.json +4 -0
  3. package/.vscode/launch.json +20 -0
  4. package/.vscode/tasks.json +42 -0
  5. package/README.md +59 -0
  6. package/angular.json +118 -0
  7. package/dist/charts-lib/README.md +63 -0
  8. package/dist/charts-lib/fesm2022/charts-lib.mjs +3418 -0
  9. package/dist/charts-lib/fesm2022/charts-lib.mjs.map +1 -0
  10. package/dist/charts-lib/index.d.ts +110 -0
  11. package/package.json +58 -0
  12. package/projects/charts-lib/README.md +63 -0
  13. package/projects/charts-lib/ng-package.json +8 -0
  14. package/projects/charts-lib/package.json +12 -0
  15. package/projects/charts-lib/src/lib/charts-lib.html +1 -0
  16. package/projects/charts-lib/src/lib/charts-lib.spec.ts +23 -0
  17. package/projects/charts-lib/src/lib/charts-lib.ts +121 -0
  18. package/projects/charts-lib/src/lib/component/area-chart/area-chart.html +1 -0
  19. package/projects/charts-lib/src/lib/component/area-chart/area-chart.scss +0 -0
  20. package/projects/charts-lib/src/lib/component/area-chart/area-chart.spec.ts +23 -0
  21. package/projects/charts-lib/src/lib/component/area-chart/area-chart.ts +266 -0
  22. package/projects/charts-lib/src/lib/component/bar-chart/bar-chart.html +1 -0
  23. package/projects/charts-lib/src/lib/component/bar-chart/bar-chart.scss +0 -0
  24. package/projects/charts-lib/src/lib/component/bar-chart/bar-chart.spec.ts +23 -0
  25. package/projects/charts-lib/src/lib/component/bar-chart/bar-chart.ts +301 -0
  26. package/projects/charts-lib/src/lib/component/line-chart/line-chart.html +1 -0
  27. package/projects/charts-lib/src/lib/component/line-chart/line-chart.scss +0 -0
  28. package/projects/charts-lib/src/lib/component/line-chart/line-chart.spec.ts +23 -0
  29. package/projects/charts-lib/src/lib/component/line-chart/line-chart.ts +266 -0
  30. package/projects/charts-lib/src/lib/modal/charts-lib.modal.ts +79 -0
  31. package/projects/charts-lib/src/lib/services/chart.service.ts +296 -0
  32. package/projects/charts-lib/src/lib/themes/chalk.ts +357 -0
  33. package/projects/charts-lib/src/lib/themes/dark.ts +380 -0
  34. package/projects/charts-lib/src/lib/themes/default.ts +377 -0
  35. package/projects/charts-lib/src/lib/themes/essos.ts +357 -0
  36. package/projects/charts-lib/src/lib/themes/roma.ts +399 -0
  37. package/projects/charts-lib/src/lib/themes/vintage.ts +378 -0
  38. package/projects/charts-lib/src/public-api.ts +2 -0
  39. package/projects/charts-lib/tsconfig.lib.json +14 -0
  40. package/projects/charts-lib/tsconfig.lib.prod.json +11 -0
  41. package/projects/charts-lib/tsconfig.spec.json +15 -0
  42. package/projects/demo-app/public/favicon.ico +0 -0
  43. package/projects/demo-app/src/app/app.config.ts +16 -0
  44. package/projects/demo-app/src/app/app.html +43 -0
  45. package/projects/demo-app/src/app/app.routes.ts +3 -0
  46. package/projects/demo-app/src/app/app.scss +47 -0
  47. package/projects/demo-app/src/app/app.spec.ts +25 -0
  48. package/projects/demo-app/src/app/app.ts +98 -0
  49. package/projects/demo-app/src/index.html +13 -0
  50. package/projects/demo-app/src/main.ts +6 -0
  51. package/projects/demo-app/src/styles.scss +4 -0
  52. package/projects/demo-app/tsconfig.app.json +15 -0
  53. package/projects/demo-app/tsconfig.spec.json +15 -0
  54. package/tsconfig.json +43 -0
package/projects/charts-lib/src/lib/themes/dark.ts ADDED
@@ -0,0 +1,380 @@
1
+ import * as echarts from 'echarts';
2
+ const darkTheme = {
3
+ color: [
4
+ '#dd6b66',
5
+ '#759aa0',
6
+ '#e69d87',
7
+ '#8dc1a9',
8
+ '#ea7e53',
9
+ '#eedd78',
10
+ '#73a373',
11
+ '#73b9bc',
12
+ '#7289ab',
13
+ '#91ca8c',
14
+ '#f49f42',
15
+ ],
16
+ backgroundColor: 'rgba(51,51,51,1)',
17
+ textStyle: {},
18
+ title: {
19
+ textStyle: {
20
+ color: '#eeeeee',
21
+ },
22
+ subtextStyle: {
23
+ color: '#aaa',
24
+ },
25
+ },
26
+ line: {
27
+ itemStyle: {
28
+ borderWidth: 1,
29
+ },
30
+ lineStyle: {
31
+ width: 2,
32
+ },
33
+ symbolSize: 4,
34
+ symbol: 'circle',
35
+ smooth: false,
36
+ },
37
+ radar: {
38
+ itemStyle: {
39
+ borderWidth: 1,
40
+ },
41
+ lineStyle: {
42
+ width: 2,
43
+ },
44
+ symbolSize: 4,
45
+ symbol: 'circle',
46
+ smooth: false,
47
+ },
48
+ bar: {
49
+ itemStyle: {
50
+ barBorderWidth: 0,
51
+ barBorderColor: '#ccc',
52
+ },
53
+ },
54
+ pie: {
55
+ itemStyle: {
56
+ borderWidth: 0,
57
+ borderColor: '#ccc',
58
+ },
59
+ },
60
+ scatter: {
61
+ itemStyle: {
62
+ borderWidth: 0,
63
+ borderColor: '#ccc',
64
+ },
65
+ },
66
+ boxplot: {
67
+ itemStyle: {
68
+ borderWidth: 0,
69
+ borderColor: '#ccc',
70
+ },
71
+ },
72
+ parallel: {
73
+ itemStyle: {
74
+ borderWidth: 0,
75
+ borderColor: '#ccc',
76
+ },
77
+ },
78
+ sankey: {
79
+ itemStyle: {
80
+ borderWidth: 0,
81
+ borderColor: '#ccc',
82
+ },
83
+ },
84
+ funnel: {
85
+ itemStyle: {
86
+ borderWidth: 0,
87
+ borderColor: '#ccc',
88
+ },
89
+ },
90
+ gauge: {
91
+ itemStyle: {
92
+ borderWidth: 0,
93
+ borderColor: '#ccc',
94
+ },
95
+ },
96
+ candlestick: {
97
+ itemStyle: {
98
+ color: '#fd1050',
99
+ color0: '#0cf49b',
100
+ borderColor: '#fd1050',
101
+ borderColor0: '#0cf49b',
102
+ borderWidth: 1,
103
+ },
104
+ },
105
+ graph: {
106
+ itemStyle: {
107
+ borderWidth: 0,
108
+ borderColor: '#ccc',
109
+ },
110
+ lineStyle: {
111
+ width: 1,
112
+ color: '#aaa',
113
+ },
114
+ symbolSize: 4,
115
+ symbol: 'circle',
116
+ smooth: false,
117
+ color: [
118
+ '#dd6b66',
119
+ '#759aa0',
120
+ '#e69d87',
121
+ '#8dc1a9',
122
+ '#ea7e53',
123
+ '#eedd78',
124
+ '#73a373',
125
+ '#73b9bc',
126
+ '#7289ab',
127
+ '#91ca8c',
128
+ '#f49f42',
129
+ ],
130
+ label: {
131
+ color: '#eee',
132
+ },
133
+ },
134
+ map: {
135
+ itemStyle: {
136
+ areaColor: '#eee',
137
+ borderColor: '#444',
138
+ borderWidth: 0.5,
139
+ },
140
+ label: {
141
+ color: '#000',
142
+ },
143
+ emphasis: {
144
+ itemStyle: {
145
+ areaColor: 'rgba(255,215,0,0.8)',
146
+ borderColor: '#444',
147
+ borderWidth: 1,
148
+ },
149
+ label: {
150
+ color: 'rgb(100,0,0)',
151
+ },
152
+ },
153
+ },
154
+ geo: {
155
+ itemStyle: {
156
+ areaColor: '#eee',
157
+ borderColor: '#444',
158
+ borderWidth: 0.5,
159
+ },
160
+ label: {
161
+ color: '#000',
162
+ },
163
+ emphasis: {
164
+ itemStyle: {
165
+ areaColor: 'rgba(255,215,0,0.8)',
166
+ borderColor: '#444',
167
+ borderWidth: 1,
168
+ },
169
+ label: {
170
+ color: 'rgb(100,0,0)',
171
+ },
172
+ },
173
+ },
174
+ categoryAxis: {
175
+ axisLine: {
176
+ show: true,
177
+ lineStyle: {
178
+ color: '#eeeeee',
179
+ },
180
+ },
181
+ axisTick: {
182
+ show: true,
183
+ lineStyle: {
184
+ color: '#eeeeee',
185
+ },
186
+ },
187
+ axisLabel: {
188
+ show: true,
189
+ color: '#eeeeee',
190
+ },
191
+ splitLine: {
192
+ show: true,
193
+ lineStyle: {
194
+ color: ['#aaaaaa'],
195
+ },
196
+ },
197
+ splitArea: {
198
+ show: false,
199
+ areaStyle: {
200
+ color: ['#eeeeee'],
201
+ },
202
+ },
203
+ },
204
+ valueAxis: {
205
+ axisLine: {
206
+ show: true,
207
+ lineStyle: {
208
+ color: '#eeeeee',
209
+ },
210
+ },
211
+ axisTick: {
212
+ show: true,
213
+ lineStyle: {
214
+ color: '#eeeeee',
215
+ },
216
+ },
217
+ axisLabel: {
218
+ show: true,
219
+ color: '#eeeeee',
220
+ },
221
+ splitLine: {
222
+ show: true,
223
+ lineStyle: {
224
+ color: ['#aaaaaa'],
225
+ },
226
+ },
227
+ splitArea: {
228
+ show: false,
229
+ areaStyle: {
230
+ color: ['#eeeeee'],
231
+ },
232
+ },
233
+ },
234
+ logAxis: {
235
+ axisLine: {
236
+ show: true,
237
+ lineStyle: {
238
+ color: '#eeeeee',
239
+ },
240
+ },
241
+ axisTick: {
242
+ show: true,
243
+ lineStyle: {
244
+ color: '#eeeeee',
245
+ },
246
+ },
247
+ axisLabel: {
248
+ show: true,
249
+ color: '#eeeeee',
250
+ },
251
+ splitLine: {
252
+ show: true,
253
+ lineStyle: {
254
+ color: ['#aaaaaa'],
255
+ },
256
+ },
257
+ splitArea: {
258
+ show: false,
259
+ areaStyle: {
260
+ color: ['#eeeeee'],
261
+ },
262
+ },
263
+ },
264
+ timeAxis: {
265
+ axisLine: {
266
+ show: true,
267
+ lineStyle: {
268
+ color: '#eeeeee',
269
+ },
270
+ },
271
+ axisTick: {
272
+ show: true,
273
+ lineStyle: {
274
+ color: '#eeeeee',
275
+ },
276
+ },
277
+ axisLabel: {
278
+ show: true,
279
+ color: '#eeeeee',
280
+ },
281
+ splitLine: {
282
+ show: true,
283
+ lineStyle: {
284
+ color: ['#aaaaaa'],
285
+ },
286
+ },
287
+ splitArea: {
288
+ show: false,
289
+ areaStyle: {
290
+ color: ['#eeeeee'],
291
+ },
292
+ },
293
+ },
294
+ toolbox: {
295
+ iconStyle: {
296
+ borderColor: '#999',
297
+ },
298
+ emphasis: {
299
+ iconStyle: {
300
+ borderColor: '#666',
301
+ },
302
+ },
303
+ },
304
+ legend: {
305
+ textStyle: {
306
+ color: '#eeeeee',
307
+ },
308
+ left: 'center',
309
+ right: 'auto',
310
+ top: 'auto',
311
+ bottom: 15,
312
+ },
313
+ tooltip: {
314
+ axisPointer: {
315
+ lineStyle: {
316
+ color: '#eeeeee',
317
+ width: '1',
318
+ },
319
+ crossStyle: {
320
+ color: '#eeeeee',
321
+ width: '1',
322
+ },
323
+ },
324
+ },
325
+ timeline: {
326
+ lineStyle: {
327
+ color: '#eeeeee',
328
+ width: 1,
329
+ },
330
+ itemStyle: {
331
+ color: '#dd6b66',
332
+ borderWidth: 1,
333
+ },
334
+ controlStyle: {
335
+ color: '#eeeeee',
336
+ borderColor: '#eeeeee',
337
+ borderWidth: 0.5,
338
+ },
339
+ checkpointStyle: {
340
+ color: '#e43c59',
341
+ borderColor: 'rgba(194,53,49, 0.5)',
342
+ },
343
+ label: {
344
+ color: '#eeeeee',
345
+ },
346
+ emphasis: {
347
+ itemStyle: {
348
+ color: '#a9334c',
349
+ },
350
+ controlStyle: {
351
+ color: '#eeeeee',
352
+ borderColor: '#eeeeee',
353
+ borderWidth: 0.5,
354
+ },
355
+ label: {
356
+ color: '#eeeeee',
357
+ },
358
+ },
359
+ },
360
+ visualMap: {
361
+ color: ['#bf444c', '#d88273', '#f6efa6'],
362
+ },
363
+ markPoint: {
364
+ label: {
365
+ color: '#eee',
366
+ },
367
+ emphasis: {
368
+ label: {
369
+ color: '#eee',
370
+ },
371
+ },
372
+ },
373
+ grid: {
374
+ left: '15%',
375
+ right: '10%',
376
+ top: 65,
377
+ bottom: 80,
378
+ },
379
+ };
380
+ echarts.registerTheme('dark', (darkTheme as any).default ?? darkTheme);