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/roma.ts ADDED
@@ -0,0 +1,399 @@
1
+ import * as echarts from 'echarts';
2
+
3
+ const romaTheme = {
4
+ color: [
5
+ '#e01f54',
6
+ '#001852',
7
+ '#f5e8c8',
8
+ '#b8d2c7',
9
+ '#c6b38e',
10
+ '#a4d8c2',
11
+ '#f3d999',
12
+ '#d3758f',
13
+ '#dcc392',
14
+ '#2e4783',
15
+ '#82b6e9',
16
+ '#ff6347',
17
+ '#a092f1',
18
+ '#0a915d',
19
+ '#eaf889',
20
+ '#6699FF',
21
+ '#ff6666',
22
+ '#3cb371',
23
+ '#d5b158',
24
+ '#38b6b6',
25
+ ],
26
+ backgroundColor: 'rgba(0,0,0,0)',
27
+ textStyle: {},
28
+ title: {
29
+ textStyle: {
30
+ color: '#333333',
31
+ },
32
+ subtextStyle: {
33
+ color: '#aaa',
34
+ },
35
+ },
36
+ line: {
37
+ itemStyle: {
38
+ borderWidth: 1,
39
+ },
40
+ lineStyle: {
41
+ width: 2,
42
+ },
43
+ symbolSize: 4,
44
+ symbol: 'emptyCircle',
45
+ smooth: false,
46
+ },
47
+ radar: {
48
+ itemStyle: {
49
+ borderWidth: 1,
50
+ },
51
+ lineStyle: {
52
+ width: 2,
53
+ },
54
+ symbolSize: 4,
55
+ symbol: 'emptyCircle',
56
+ smooth: false,
57
+ },
58
+ bar: {
59
+ itemStyle: {
60
+ barBorderWidth: 0,
61
+ barBorderColor: '#ccc',
62
+ },
63
+ },
64
+ pie: {
65
+ itemStyle: {
66
+ borderWidth: 0,
67
+ borderColor: '#ccc',
68
+ },
69
+ },
70
+ scatter: {
71
+ itemStyle: {
72
+ borderWidth: 0,
73
+ borderColor: '#ccc',
74
+ },
75
+ },
76
+ boxplot: {
77
+ itemStyle: {
78
+ borderWidth: 0,
79
+ borderColor: '#ccc',
80
+ },
81
+ },
82
+ parallel: {
83
+ itemStyle: {
84
+ borderWidth: 0,
85
+ borderColor: '#ccc',
86
+ },
87
+ },
88
+ sankey: {
89
+ itemStyle: {
90
+ borderWidth: 0,
91
+ borderColor: '#ccc',
92
+ },
93
+ },
94
+ funnel: {
95
+ itemStyle: {
96
+ borderWidth: 0,
97
+ borderColor: '#ccc',
98
+ },
99
+ },
100
+ gauge: {
101
+ itemStyle: {
102
+ borderWidth: 0,
103
+ borderColor: '#ccc',
104
+ },
105
+ },
106
+ candlestick: {
107
+ itemStyle: {
108
+ color: '#e01f54',
109
+ color0: '#001852',
110
+ borderColor: '#f5e8c8',
111
+ borderColor0: '#b8d2c7',
112
+ borderWidth: 1,
113
+ },
114
+ },
115
+ graph: {
116
+ itemStyle: {
117
+ borderWidth: 0,
118
+ borderColor: '#ccc',
119
+ },
120
+ lineStyle: {
121
+ width: 1,
122
+ color: '#aaa',
123
+ },
124
+ symbolSize: 4,
125
+ symbol: 'emptyCircle',
126
+ smooth: false,
127
+ color: [
128
+ '#e01f54',
129
+ '#001852',
130
+ '#f5e8c8',
131
+ '#b8d2c7',
132
+ '#c6b38e',
133
+ '#a4d8c2',
134
+ '#f3d999',
135
+ '#d3758f',
136
+ '#dcc392',
137
+ '#2e4783',
138
+ '#82b6e9',
139
+ '#ff6347',
140
+ '#a092f1',
141
+ '#0a915d',
142
+ '#eaf889',
143
+ '#6699FF',
144
+ '#ff6666',
145
+ '#3cb371',
146
+ '#d5b158',
147
+ '#38b6b6',
148
+ ],
149
+ label: {
150
+ color: '#eee',
151
+ },
152
+ },
153
+ map: {
154
+ itemStyle: {
155
+ areaColor: '#eeeeee',
156
+ borderColor: '#444444',
157
+ borderWidth: 0.5,
158
+ },
159
+ label: {
160
+ color: '#000000',
161
+ },
162
+ emphasis: {
163
+ itemStyle: {
164
+ areaColor: 'rgba(255,215,0,0.8)',
165
+ borderColor: '#444',
166
+ borderWidth: 1,
167
+ },
168
+ label: {
169
+ color: 'rgb(100,0,0)',
170
+ },
171
+ },
172
+ },
173
+ geo: {
174
+ itemStyle: {
175
+ areaColor: '#eeeeee',
176
+ borderColor: '#444444',
177
+ borderWidth: 0.5,
178
+ },
179
+ label: {
180
+ color: '#000000',
181
+ },
182
+ emphasis: {
183
+ itemStyle: {
184
+ areaColor: 'rgba(255,215,0,0.8)',
185
+ borderColor: '#444',
186
+ borderWidth: 1,
187
+ },
188
+ label: {
189
+ color: 'rgb(100,0,0)',
190
+ },
191
+ },
192
+ },
193
+ categoryAxis: {
194
+ axisLine: {
195
+ show: true,
196
+ lineStyle: {
197
+ color: '#333',
198
+ },
199
+ },
200
+ axisTick: {
201
+ show: true,
202
+ lineStyle: {
203
+ color: '#333',
204
+ },
205
+ },
206
+ axisLabel: {
207
+ show: true,
208
+ color: '#333',
209
+ },
210
+ splitLine: {
211
+ show: false,
212
+ lineStyle: {
213
+ color: ['#ccc'],
214
+ },
215
+ },
216
+ splitArea: {
217
+ show: false,
218
+ areaStyle: {
219
+ color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
220
+ },
221
+ },
222
+ },
223
+ valueAxis: {
224
+ axisLine: {
225
+ show: true,
226
+ lineStyle: {
227
+ color: '#333',
228
+ },
229
+ },
230
+ axisTick: {
231
+ show: true,
232
+ lineStyle: {
233
+ color: '#333',
234
+ },
235
+ },
236
+ axisLabel: {
237
+ show: true,
238
+ color: '#333',
239
+ },
240
+ splitLine: {
241
+ show: true,
242
+ lineStyle: {
243
+ color: ['#ccc'],
244
+ },
245
+ },
246
+ splitArea: {
247
+ show: false,
248
+ areaStyle: {
249
+ color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
250
+ },
251
+ },
252
+ },
253
+ logAxis: {
254
+ axisLine: {
255
+ show: true,
256
+ lineStyle: {
257
+ color: '#333',
258
+ },
259
+ },
260
+ axisTick: {
261
+ show: true,
262
+ lineStyle: {
263
+ color: '#333',
264
+ },
265
+ },
266
+ axisLabel: {
267
+ show: true,
268
+ color: '#333',
269
+ },
270
+ splitLine: {
271
+ show: true,
272
+ lineStyle: {
273
+ color: ['#ccc'],
274
+ },
275
+ },
276
+ splitArea: {
277
+ show: false,
278
+ areaStyle: {
279
+ color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
280
+ },
281
+ },
282
+ },
283
+ timeAxis: {
284
+ axisLine: {
285
+ show: true,
286
+ lineStyle: {
287
+ color: '#333',
288
+ },
289
+ },
290
+ axisTick: {
291
+ show: true,
292
+ lineStyle: {
293
+ color: '#333',
294
+ },
295
+ },
296
+ axisLabel: {
297
+ show: true,
298
+ color: '#333',
299
+ },
300
+ splitLine: {
301
+ show: true,
302
+ lineStyle: {
303
+ color: ['#ccc'],
304
+ },
305
+ },
306
+ splitArea: {
307
+ show: false,
308
+ areaStyle: {
309
+ color: ['rgba(250,250,250,0.3)', 'rgba(200,200,200,0.3)'],
310
+ },
311
+ },
312
+ },
313
+ toolbox: {
314
+ iconStyle: {
315
+ borderColor: '#999999',
316
+ },
317
+ emphasis: {
318
+ iconStyle: {
319
+ borderColor: '#666666',
320
+ },
321
+ },
322
+ },
323
+ legend: {
324
+ textStyle: {
325
+ color: '#333333',
326
+ },
327
+ left: 'center',
328
+ right: 'auto',
329
+ top: 'auto',
330
+ bottom: 15,
331
+ },
332
+ tooltip: {
333
+ axisPointer: {
334
+ lineStyle: {
335
+ color: '#cccccc',
336
+ width: 1,
337
+ },
338
+ crossStyle: {
339
+ color: '#cccccc',
340
+ width: 1,
341
+ },
342
+ },
343
+ },
344
+ timeline: {
345
+ lineStyle: {
346
+ color: '#293c55',
347
+ width: 1,
348
+ },
349
+ itemStyle: {
350
+ color: '#293c55',
351
+ borderWidth: 1,
352
+ },
353
+ controlStyle: {
354
+ color: '#293c55',
355
+ borderColor: '#293c55',
356
+ borderWidth: 0.5,
357
+ },
358
+ checkpointStyle: {
359
+ color: '#e43c59',
360
+ borderColor: 'rgba(194,53,49,0.5)',
361
+ },
362
+ label: {
363
+ color: '#293c55',
364
+ },
365
+ emphasis: {
366
+ itemStyle: {
367
+ color: '#a9334c',
368
+ },
369
+ controlStyle: {
370
+ color: '#293c55',
371
+ borderColor: '#293c55',
372
+ borderWidth: 0.5,
373
+ },
374
+ label: {
375
+ color: '#293c55',
376
+ },
377
+ },
378
+ },
379
+ visualMap: {
380
+ color: ['#e01f54', '#e7dbc3'],
381
+ },
382
+ markPoint: {
383
+ label: {
384
+ color: '#eee',
385
+ },
386
+ emphasis: {
387
+ label: {
388
+ color: '#eee',
389
+ },
390
+ },
391
+ },
392
+ grid: {
393
+ left: '15%',
394
+ right: '10%',
395
+ top: 65,
396
+ bottom: 80,
397
+ },
398
+ };
399
+ echarts.registerTheme('roma', (romaTheme as any).default ?? romaTheme);