cats-charts 0.0.21 → 0.0.23
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.
- package/README.md +59 -59
- package/assets/images/headerIcon.svg +3 -3
- package/assets/images/infoIcon.svg +10 -10
- package/fesm2022/cats-charts.mjs +688 -360
- package/fesm2022/cats-charts.mjs.map +1 -1
- package/index.d.ts +85 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -1,59 +1,59 @@
|
|
|
1
|
-
# CATS4U Charts
|
|
2
|
-
|
|
3
|
-
This library was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0 and it also usages [Apache Echarts](https://www.npmjs.com/package/echarts) for charts.
|
|
4
|
-
|
|
5
|
-
## Install
|
|
6
|
-
|
|
7
|
-
```
|
|
8
|
-
npm install cats-charts
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
## Usages
|
|
12
|
-
|
|
13
|
-
### TS file
|
|
14
|
-
|
|
15
|
-
```
|
|
16
|
-
import { ChartsLib } from 'cats-charts';
|
|
17
|
-
```
|
|
18
|
-
|
|
19
|
-
### HTML template
|
|
20
|
-
|
|
21
|
-
```
|
|
22
|
-
<lib-charts-lib></lib-charts-lib>
|
|
23
|
-
```
|
|
24
|
-
|
|
25
|
-
### Inputs
|
|
26
|
-
|
|
27
|
-
```
|
|
28
|
-
chartOptionsConfig: {} // accepts all options accepted by echarts
|
|
29
|
-
chartType: 'bar' | 'area' | 'line' | 'pie' // by default chart type is bar
|
|
30
|
-
columns: [] // list of columns
|
|
31
|
-
contextMenuList: [] // list of context menu
|
|
32
|
-
data: [] // list of set of data
|
|
33
|
-
themeName: "default" | "dark" | "vintage" | "essos" | "chalk" | "roma" // default theme is default
|
|
34
|
-
|
|
35
|
-
```
|
|
36
|
-
|
|
37
|
-
### Outputs
|
|
38
|
-
|
|
39
|
-
```
|
|
40
|
-
handleSingleClick: (params) => {}
|
|
41
|
-
handleDrillBy: (params) => {}
|
|
42
|
-
```
|
|
43
|
-
|
|
44
|
-
### Inputs Types
|
|
45
|
-
|
|
46
|
-
```
|
|
47
|
-
import type { ChartsLibType, OptionsConfig } from 'cats-charts';
|
|
48
|
-
|
|
49
|
-
chartOptionsConfig: OptionsConfig
|
|
50
|
-
chartType: ChartsLibType['chartType']
|
|
51
|
-
columns: string[]
|
|
52
|
-
data: any[][]
|
|
53
|
-
themeName: ChartsLibType['themeName']
|
|
54
|
-
contextMenuList: ContextMenuListItem[]
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
## Additional Resources
|
|
58
|
-
|
|
59
|
-
For more information on Echarts, including detailed references, visit the [Official Apache Echarts](https://echarts.apache.org/en/api.html#echarts) page.
|
|
1
|
+
# CATS4U Charts
|
|
2
|
+
|
|
3
|
+
This library was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0 and it also usages [Apache Echarts](https://www.npmjs.com/package/echarts) for charts.
|
|
4
|
+
|
|
5
|
+
## Install
|
|
6
|
+
|
|
7
|
+
```
|
|
8
|
+
npm install cats-charts
|
|
9
|
+
```
|
|
10
|
+
|
|
11
|
+
## Usages
|
|
12
|
+
|
|
13
|
+
### TS file
|
|
14
|
+
|
|
15
|
+
```
|
|
16
|
+
import { ChartsLib } from 'cats-charts';
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
### HTML template
|
|
20
|
+
|
|
21
|
+
```
|
|
22
|
+
<lib-charts-lib></lib-charts-lib>
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### Inputs
|
|
26
|
+
|
|
27
|
+
```
|
|
28
|
+
chartOptionsConfig: {} // accepts all options accepted by echarts
|
|
29
|
+
chartType: 'bar' | 'area' | 'line' | 'pie' // by default chart type is bar
|
|
30
|
+
columns: [] // list of columns
|
|
31
|
+
contextMenuList: [] // list of context menu
|
|
32
|
+
data: [] // list of set of data
|
|
33
|
+
themeName: "default" | "dark" | "vintage" | "essos" | "chalk" | "roma" // default theme is default
|
|
34
|
+
|
|
35
|
+
```
|
|
36
|
+
|
|
37
|
+
### Outputs
|
|
38
|
+
|
|
39
|
+
```
|
|
40
|
+
handleSingleClick: (params) => {}
|
|
41
|
+
handleDrillBy: (params) => {}
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
### Inputs Types
|
|
45
|
+
|
|
46
|
+
```
|
|
47
|
+
import type { ChartsLibType, OptionsConfig } from 'cats-charts';
|
|
48
|
+
|
|
49
|
+
chartOptionsConfig: OptionsConfig
|
|
50
|
+
chartType: ChartsLibType['chartType']
|
|
51
|
+
columns: string[]
|
|
52
|
+
data: any[][]
|
|
53
|
+
themeName: ChartsLibType['themeName']
|
|
54
|
+
contextMenuList: ContextMenuListItem[]
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
## Additional Resources
|
|
58
|
+
|
|
59
|
+
For more information on Echarts, including detailed references, visit the [Official Apache Echarts](https://echarts.apache.org/en/api.html#echarts) page.
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8ZM12 8H21.17M3.95 6.06L8.54 14M10.88 21.94L15.46 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8ZM12 8H21.17M3.95 6.06L8.54 14M10.88 21.94L15.46 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
</svg>
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#clip0_562_14)">
|
|
3
|
-
<path d="M7.99992 10.6667V7.99999M7.99992 5.33333H8.00659M14.6666 7.99999C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 7.99999C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 7.99999Z" stroke="#434A51" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
-
</g>
|
|
5
|
-
<defs>
|
|
6
|
-
<clipPath id="clip0_562_14">
|
|
7
|
-
<rect width="16" height="16" fill="white"/>
|
|
8
|
-
</clipPath>
|
|
9
|
-
</defs>
|
|
10
|
-
</svg>
|
|
1
|
+
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_562_14)">
|
|
3
|
+
<path d="M7.99992 10.6667V7.99999M7.99992 5.33333H8.00659M14.6666 7.99999C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 7.99999C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 7.99999Z" stroke="#434A51" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
</g>
|
|
5
|
+
<defs>
|
|
6
|
+
<clipPath id="clip0_562_14">
|
|
7
|
+
<rect width="16" height="16" fill="white"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
</defs>
|
|
10
|
+
</svg>
|