@covalent/echarts 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.
- package/README.md +7 -0
- package/bar/README.md +65 -0
- package/bar/bar.component.d.ts +68 -0
- package/bar/bar.module.d.ts +10 -0
- package/bar/covalent-echarts-bar.d.ts +5 -0
- package/bar/package.json +10 -0
- package/bar/public_api.d.ts +2 -0
- package/base/README.md +59 -0
- package/base/axis/axis.component.d.ts +48 -0
- package/base/axis/axis.interface.d.ts +157 -0
- package/base/axis/x-axis.component.d.ts +10 -0
- package/base/axis/y-axis.component.d.ts +10 -0
- package/base/base.module.d.ts +13 -0
- package/base/base.types.d.ts +141 -0
- package/base/chart-options.service.d.ts +17 -0
- package/base/chart.component.d.ts +60 -0
- package/base/covalent-echarts-base.d.ts +5 -0
- package/base/dataset/dataset.component.d.ts +19 -0
- package/base/package.json +10 -0
- package/base/public_api.d.ts +12 -0
- package/base/series/series.component.d.ts +44 -0
- package/base/series/series.interface.d.ts +84 -0
- package/base/src/axis/README.md +58 -0
- package/base/src/dataset/README.md +80 -0
- package/base/themes/aqua-splash.d.ts +459 -0
- package/base/themes/california-coast.d.ts +459 -0
- package/base/themes/hawaiian-sunrise.d.ts +459 -0
- package/base/themes/passion-flower.d.ts +459 -0
- package/base/themes/razzleberry-pie.d.ts +459 -0
- package/base/themes/teradata-classic.d.ts +459 -0
- package/base/themes/teradata-default.d.ts +459 -0
- package/base/themes/urban-sunrise.d.ts +459 -0
- package/base/themes/volcanic-eruption.d.ts +459 -0
- package/base/utils/assign-defined.d.ts +1 -0
- package/base/utils/echarts.d.ts +15 -0
- package/base/utils/index.d.ts +2 -0
- package/covalent-echarts.d.ts +5 -0
- package/esm2020/bar/bar.component.mjs +135 -0
- package/esm2020/bar/bar.module.mjs +19 -0
- package/esm2020/bar/covalent-echarts-bar.mjs +5 -0
- package/esm2020/bar/public_api.mjs +3 -0
- package/esm2020/base/axis/axis.component.mjs +127 -0
- package/esm2020/base/axis/axis.interface.mjs +2 -0
- package/esm2020/base/axis/x-axis.component.mjs +55 -0
- package/esm2020/base/axis/y-axis.component.mjs +55 -0
- package/esm2020/base/base.module.mjs +35 -0
- package/esm2020/base/base.types.mjs +2 -0
- package/esm2020/base/chart-options.service.mjs +65 -0
- package/esm2020/base/chart.component.mjs +195 -0
- package/esm2020/base/covalent-echarts-base.mjs +5 -0
- package/esm2020/base/dataset/dataset.component.mjs +52 -0
- package/esm2020/base/public_api.mjs +10 -0
- package/esm2020/base/series/series.component.mjs +91 -0
- package/esm2020/base/series/series.interface.mjs +2 -0
- package/esm2020/base/themes/aqua-splash.mjs +487 -0
- package/esm2020/base/themes/california-coast.mjs +460 -0
- package/esm2020/base/themes/hawaiian-sunrise.mjs +460 -0
- package/esm2020/base/themes/passion-flower.mjs +460 -0
- package/esm2020/base/themes/razzleberry-pie.mjs +487 -0
- package/esm2020/base/themes/teradata-classic.mjs +487 -0
- package/esm2020/base/themes/teradata-default.mjs +460 -0
- package/esm2020/base/themes/urban-sunrise.mjs +460 -0
- package/esm2020/base/themes/volcanic-eruption.mjs +460 -0
- package/esm2020/base/utils/assign-defined.mjs +25 -0
- package/esm2020/base/utils/echarts.mjs +49 -0
- package/esm2020/base/utils/index.mjs +3 -0
- package/esm2020/covalent-echarts.mjs +5 -0
- package/esm2020/graph/covalent-echarts-graph.mjs +5 -0
- package/esm2020/graph/graph.component.mjs +185 -0
- package/esm2020/graph/graph.module.mjs +21 -0
- package/esm2020/graph/public_api.mjs +3 -0
- package/esm2020/line/covalent-echarts-line.mjs +5 -0
- package/esm2020/line/line.component.mjs +159 -0
- package/esm2020/line/line.module.mjs +19 -0
- package/esm2020/line/public_api.mjs +3 -0
- package/esm2020/map/covalent-echarts-map.mjs +5 -0
- package/esm2020/map/map.component.mjs +132 -0
- package/esm2020/map/map.module.mjs +19 -0
- package/esm2020/map/public_api.mjs +3 -0
- package/esm2020/pie/covalent-echarts-pie.mjs +5 -0
- package/esm2020/pie/pie.component.mjs +127 -0
- package/esm2020/pie/pie.module.mjs +19 -0
- package/esm2020/pie/public_api.mjs +3 -0
- package/esm2020/public_api.mjs +2 -0
- package/esm2020/sankey/covalent-echarts-sankey.mjs +5 -0
- package/esm2020/sankey/public_api.mjs +3 -0
- package/esm2020/sankey/sankey.component.mjs +117 -0
- package/esm2020/sankey/sankey.module.mjs +21 -0
- package/esm2020/scatter/covalent-echarts-scatter.mjs +5 -0
- package/esm2020/scatter/public_api.mjs +3 -0
- package/esm2020/scatter/scatter.component.mjs +144 -0
- package/esm2020/scatter/scatter.module.mjs +21 -0
- package/esm2020/toolbox/covalent-echarts-toolbox.mjs +5 -0
- package/esm2020/toolbox/public_api.mjs +3 -0
- package/esm2020/toolbox/toolbox.component.mjs +135 -0
- package/esm2020/toolbox/toolbox.module.mjs +24 -0
- package/esm2020/tooltip/covalent-echarts-tooltip.mjs +5 -0
- package/esm2020/tooltip/public_api.mjs +4 -0
- package/esm2020/tooltip/series-tooltip.component.mjs +102 -0
- package/esm2020/tooltip/tooltip.component.mjs +156 -0
- package/esm2020/tooltip/tooltip.module.mjs +28 -0
- package/esm2020/tree/covalent-echarts-tree.mjs +5 -0
- package/esm2020/tree/public_api.mjs +3 -0
- package/esm2020/tree/tree.component.mjs +117 -0
- package/esm2020/tree/tree.module.mjs +19 -0
- package/esm2020/treemap/covalent-echarts-treemap.mjs +5 -0
- package/esm2020/treemap/public_api.mjs +3 -0
- package/esm2020/treemap/treemap.component.mjs +149 -0
- package/esm2020/treemap/treemap.module.mjs +21 -0
- package/esm2020/wordcloud/covalent-echarts-wordcloud.mjs +5 -0
- package/esm2020/wordcloud/public_api.mjs +3 -0
- package/esm2020/wordcloud/wordcloud.component.mjs +92 -0
- package/esm2020/wordcloud/wordcloud.module.mjs +21 -0
- package/fesm2015/covalent-echarts-bar.mjs +158 -0
- package/fesm2015/covalent-echarts-bar.mjs.map +1 -0
- package/fesm2015/covalent-echarts-base.mjs +4931 -0
- package/fesm2015/covalent-echarts-base.mjs.map +1 -0
- package/fesm2015/covalent-echarts-graph.mjs +210 -0
- package/fesm2015/covalent-echarts-graph.mjs.map +1 -0
- package/fesm2015/covalent-echarts-line.mjs +182 -0
- package/fesm2015/covalent-echarts-line.mjs.map +1 -0
- package/fesm2015/covalent-echarts-map.mjs +155 -0
- package/fesm2015/covalent-echarts-map.mjs.map +1 -0
- package/fesm2015/covalent-echarts-pie.mjs +150 -0
- package/fesm2015/covalent-echarts-pie.mjs.map +1 -0
- package/fesm2015/covalent-echarts-sankey.mjs +142 -0
- package/fesm2015/covalent-echarts-sankey.mjs.map +1 -0
- package/fesm2015/covalent-echarts-scatter.mjs +169 -0
- package/fesm2015/covalent-echarts-scatter.mjs.map +1 -0
- package/fesm2015/covalent-echarts-toolbox.mjs +158 -0
- package/fesm2015/covalent-echarts-toolbox.mjs.map +1 -0
- package/fesm2015/covalent-echarts-tooltip.mjs +283 -0
- package/fesm2015/covalent-echarts-tooltip.mjs.map +1 -0
- package/fesm2015/covalent-echarts-tree.mjs +140 -0
- package/fesm2015/covalent-echarts-tree.mjs.map +1 -0
- package/fesm2015/covalent-echarts-treemap.mjs +174 -0
- package/fesm2015/covalent-echarts-treemap.mjs.map +1 -0
- package/fesm2015/covalent-echarts-wordcloud.mjs +117 -0
- package/fesm2015/covalent-echarts-wordcloud.mjs.map +1 -0
- package/fesm2015/covalent-echarts.mjs +4 -0
- package/fesm2015/covalent-echarts.mjs.map +1 -0
- package/fesm2020/covalent-echarts-bar.mjs +158 -0
- package/fesm2020/covalent-echarts-bar.mjs.map +1 -0
- package/fesm2020/covalent-echarts-base.mjs +4930 -0
- package/fesm2020/covalent-echarts-base.mjs.map +1 -0
- package/fesm2020/covalent-echarts-graph.mjs +210 -0
- package/fesm2020/covalent-echarts-graph.mjs.map +1 -0
- package/fesm2020/covalent-echarts-line.mjs +182 -0
- package/fesm2020/covalent-echarts-line.mjs.map +1 -0
- package/fesm2020/covalent-echarts-map.mjs +155 -0
- package/fesm2020/covalent-echarts-map.mjs.map +1 -0
- package/fesm2020/covalent-echarts-pie.mjs +150 -0
- package/fesm2020/covalent-echarts-pie.mjs.map +1 -0
- package/fesm2020/covalent-echarts-sankey.mjs +142 -0
- package/fesm2020/covalent-echarts-sankey.mjs.map +1 -0
- package/fesm2020/covalent-echarts-scatter.mjs +169 -0
- package/fesm2020/covalent-echarts-scatter.mjs.map +1 -0
- package/fesm2020/covalent-echarts-toolbox.mjs +163 -0
- package/fesm2020/covalent-echarts-toolbox.mjs.map +1 -0
- package/fesm2020/covalent-echarts-tooltip.mjs +283 -0
- package/fesm2020/covalent-echarts-tooltip.mjs.map +1 -0
- package/fesm2020/covalent-echarts-tree.mjs +140 -0
- package/fesm2020/covalent-echarts-tree.mjs.map +1 -0
- package/fesm2020/covalent-echarts-treemap.mjs +174 -0
- package/fesm2020/covalent-echarts-treemap.mjs.map +1 -0
- package/fesm2020/covalent-echarts-wordcloud.mjs +117 -0
- package/fesm2020/covalent-echarts-wordcloud.mjs.map +1 -0
- package/fesm2020/covalent-echarts.mjs +4 -0
- package/fesm2020/covalent-echarts.mjs.map +1 -0
- package/graph/README.md +90 -0
- package/graph/covalent-echarts-graph.d.ts +5 -0
- package/graph/graph.component.d.ts +129 -0
- package/graph/graph.module.d.ts +10 -0
- package/graph/package.json +10 -0
- package/graph/public_api.d.ts +2 -0
- package/line/README.md +78 -0
- package/line/covalent-echarts-line.d.ts +5 -0
- package/line/line.component.d.ts +86 -0
- package/line/line.module.d.ts +10 -0
- package/line/package.json +10 -0
- package/line/public_api.d.ts +2 -0
- package/map/README.md +119 -0
- package/map/covalent-echarts-map.d.ts +5 -0
- package/map/map.component.d.ts +75 -0
- package/map/map.module.d.ts +10 -0
- package/map/package.json +10 -0
- package/map/public_api.d.ts +2 -0
- package/package.json +146 -0
- package/pie/README.md +62 -0
- package/pie/covalent-echarts-pie.d.ts +5 -0
- package/pie/package.json +10 -0
- package/pie/pie.component.d.ts +64 -0
- package/pie/pie.module.d.ts +10 -0
- package/pie/public_api.d.ts +2 -0
- package/public_api.d.ts +1 -0
- package/sankey/README.md +91 -0
- package/sankey/covalent-echarts-sankey.d.ts +5 -0
- package/sankey/package.json +10 -0
- package/sankey/public_api.d.ts +2 -0
- package/sankey/sankey.component.d.ts +65 -0
- package/sankey/sankey.module.d.ts +10 -0
- package/scatter/README.md +66 -0
- package/scatter/covalent-echarts-scatter.d.ts +5 -0
- package/scatter/package.json +10 -0
- package/scatter/public_api.d.ts +2 -0
- package/scatter/scatter.component.d.ts +76 -0
- package/scatter/scatter.module.d.ts +10 -0
- package/toolbox/README.md +57 -0
- package/toolbox/covalent-echarts-toolbox.d.ts +5 -0
- package/toolbox/package.json +10 -0
- package/toolbox/public_api.d.ts +2 -0
- package/toolbox/toolbox.component.d.ts +142 -0
- package/toolbox/toolbox.module.d.ts +10 -0
- package/tooltip/README.md +116 -0
- package/tooltip/covalent-echarts-tooltip.d.ts +5 -0
- package/tooltip/package.json +10 -0
- package/tooltip/public_api.d.ts +3 -0
- package/tooltip/series-tooltip.component.d.ts +36 -0
- package/tooltip/tooltip.component.d.ts +49 -0
- package/tooltip/tooltip.module.d.ts +11 -0
- package/tree/README.md +60 -0
- package/tree/covalent-echarts-tree.d.ts +5 -0
- package/tree/package.json +10 -0
- package/tree/public_api.d.ts +2 -0
- package/tree/tree.component.d.ts +83 -0
- package/tree/tree.module.d.ts +10 -0
- package/treemap/README.md +185 -0
- package/treemap/covalent-echarts-treemap.d.ts +5 -0
- package/treemap/package.json +10 -0
- package/treemap/public_api.d.ts +2 -0
- package/treemap/treemap.component.d.ts +134 -0
- package/treemap/treemap.module.d.ts +10 -0
- package/wordcloud/README.md +89 -0
- package/wordcloud/covalent-echarts-wordcloud.d.ts +5 -0
- package/wordcloud/package.json +10 -0
- package/wordcloud/public_api.d.ts +2 -0
- package/wordcloud/wordcloud.component.d.ts +55 -0
- package/wordcloud/wordcloud.module.d.ts +10 -0
package/line/README.md
ADDED
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
# td-chart-series[td-line]
|
|
2
|
+
|
|
3
|
+
`td-chart-series[td-line]` element generates a line series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="line"` in echarts.
|
|
4
|
+
|
|
5
|
+
## API Summary
|
|
6
|
+
|
|
7
|
+
#### Inputs
|
|
8
|
+
|
|
9
|
+
- config?: any
|
|
10
|
+
- Sets the JS config object if you choose to not use the property inputs.
|
|
11
|
+
- Note: [config] input properties will override input values
|
|
12
|
+
|
|
13
|
+
There are also lots of property inputs like:
|
|
14
|
+
|
|
15
|
+
- id?: string
|
|
16
|
+
- It can be used to refer the component in option or API.
|
|
17
|
+
- name?: string
|
|
18
|
+
- Series name used for displaying in tooltip and filtering with legend.
|
|
19
|
+
- color?: any
|
|
20
|
+
- Global color for the series.
|
|
21
|
+
- data?: any[]
|
|
22
|
+
- Data array of series.
|
|
23
|
+
|
|
24
|
+
And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#series-line)
|
|
25
|
+
|
|
26
|
+
## Setup
|
|
27
|
+
|
|
28
|
+
Import the [CovalentLineEchartsModule] in your NgModule:
|
|
29
|
+
|
|
30
|
+
```typescript
|
|
31
|
+
import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
|
|
32
|
+
import { CovalentLineEchartsModule } from '@covalent/echarts/line';
|
|
33
|
+
@NgModule({
|
|
34
|
+
imports: [
|
|
35
|
+
CovalentBaseEchartsModule,
|
|
36
|
+
CovalentLineEchartsModule,
|
|
37
|
+
...
|
|
38
|
+
],
|
|
39
|
+
...
|
|
40
|
+
})
|
|
41
|
+
export class MyModule {}
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Usage
|
|
45
|
+
|
|
46
|
+
Basic Example:
|
|
47
|
+
|
|
48
|
+
```html
|
|
49
|
+
<td-chart>
|
|
50
|
+
<td-chart-x-axis [show]="true" [type]="'time'"> </td-chart-x-axis>
|
|
51
|
+
<td-chart-y-axis [show]="true" [type]="'value'"> </td-chart-y-axis>
|
|
52
|
+
<td-chart-series
|
|
53
|
+
td-line
|
|
54
|
+
[name]="'name'"
|
|
55
|
+
[data]="[{
|
|
56
|
+
'name': '2018-10-29T03:27:33.932Z',
|
|
57
|
+
'value': [
|
|
58
|
+
'2018-10-29T03:27:33.932Z',
|
|
59
|
+
200
|
|
60
|
+
]
|
|
61
|
+
}, {
|
|
62
|
+
'name': '2018-10-30T03:27:33.932Z',
|
|
63
|
+
'value': [
|
|
64
|
+
'2018-10-30T03:27:33.932Z',
|
|
65
|
+
50
|
|
66
|
+
]
|
|
67
|
+
},{
|
|
68
|
+
'name': '2018-10-31T03:27:33.932Z',
|
|
69
|
+
'value': [
|
|
70
|
+
'2018-10-31T03:27:33.932Z',
|
|
71
|
+
100
|
|
72
|
+
]
|
|
73
|
+
}]"
|
|
74
|
+
[color]="'#F2724B'"
|
|
75
|
+
>
|
|
76
|
+
</td-chart-series>
|
|
77
|
+
</td-chart>
|
|
78
|
+
```
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import { TdChartOptionsService, TdCoordinateSystem, TdMarkPointSymbol, ITdLabel, ITdItemStyle, ITdLineStyle, ITdAreaStyle, TdSeriesLayoutBy, ITdMarkPoint, ITdMarkLine, ITdMarkArea, ITdEmphasis, ITdSeries, ITdShadow, TdSeriesDirective } from '@covalent/echarts/base';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare type TdSampling = 'average' | 'max' | 'min' | 'sum';
|
|
4
|
+
export interface ITdLineSeries extends ITdSeries, ITdShadow {
|
|
5
|
+
coordinateSystem?: TdCoordinateSystem;
|
|
6
|
+
xAxisIndex?: number;
|
|
7
|
+
yAxisIndex?: number;
|
|
8
|
+
polarIndex?: number;
|
|
9
|
+
symbol?: TdMarkPointSymbol | string;
|
|
10
|
+
symbolSize?: number | any[] | Function;
|
|
11
|
+
symbolRotate?: number;
|
|
12
|
+
symbolKeepAspect?: boolean;
|
|
13
|
+
symbolOffset?: any[];
|
|
14
|
+
showSymbol?: boolean;
|
|
15
|
+
showAllSymbol?: boolean | 'auto';
|
|
16
|
+
hoverAnimation?: boolean;
|
|
17
|
+
legendHoverLink?: boolean;
|
|
18
|
+
stack?: string;
|
|
19
|
+
cursor?: string;
|
|
20
|
+
connectNulls?: boolean;
|
|
21
|
+
clipOverflow?: boolean;
|
|
22
|
+
step?: string | boolean;
|
|
23
|
+
label?: ITdLabel;
|
|
24
|
+
itemStyle?: ITdItemStyle;
|
|
25
|
+
lineStyle?: ITdLineStyle;
|
|
26
|
+
width?: number;
|
|
27
|
+
opacity?: number;
|
|
28
|
+
areaStyle?: ITdAreaStyle;
|
|
29
|
+
emphasis?: ITdEmphasis;
|
|
30
|
+
smooth?: boolean | number;
|
|
31
|
+
smoothMonotone?: string;
|
|
32
|
+
sampling?: TdSampling;
|
|
33
|
+
dimensions?: any[];
|
|
34
|
+
encode?: any;
|
|
35
|
+
seriesLayoutBy?: TdSeriesLayoutBy;
|
|
36
|
+
datasetIndex?: number;
|
|
37
|
+
data?: any[];
|
|
38
|
+
markPoint?: ITdMarkPoint;
|
|
39
|
+
markLine?: ITdMarkLine;
|
|
40
|
+
markArea?: ITdMarkArea;
|
|
41
|
+
zlevel?: number;
|
|
42
|
+
z?: number;
|
|
43
|
+
silent?: boolean;
|
|
44
|
+
}
|
|
45
|
+
export declare class TdChartSeriesLineComponent extends TdSeriesDirective implements ITdLineSeries {
|
|
46
|
+
coordinateSystem?: TdCoordinateSystem;
|
|
47
|
+
xAxisIndex?: number;
|
|
48
|
+
yAxisIndex?: number;
|
|
49
|
+
polarIndex?: number;
|
|
50
|
+
symbol?: TdMarkPointSymbol | string;
|
|
51
|
+
symbolSize?: number | any[] | Function;
|
|
52
|
+
symbolRotate?: number;
|
|
53
|
+
symbolKeepAspect?: boolean;
|
|
54
|
+
symbolOffset?: any[];
|
|
55
|
+
showSymbol?: boolean;
|
|
56
|
+
showAllSymbol?: boolean;
|
|
57
|
+
hoverAnimation?: boolean;
|
|
58
|
+
legendHoverLink?: boolean;
|
|
59
|
+
stack?: string;
|
|
60
|
+
cursor?: string;
|
|
61
|
+
connectNulls?: boolean;
|
|
62
|
+
clipOverflow?: boolean;
|
|
63
|
+
step?: string | boolean;
|
|
64
|
+
label?: ITdLabel;
|
|
65
|
+
itemStyle?: ITdItemStyle;
|
|
66
|
+
lineStyle?: ITdLineStyle;
|
|
67
|
+
areaStyle?: ITdAreaStyle;
|
|
68
|
+
emphasis?: ITdEmphasis;
|
|
69
|
+
smooth?: boolean | number;
|
|
70
|
+
smoothMonotone?: string;
|
|
71
|
+
sampling?: TdSampling;
|
|
72
|
+
dimensions?: any[];
|
|
73
|
+
encode: any;
|
|
74
|
+
seriesLayoutBy?: TdSeriesLayoutBy;
|
|
75
|
+
datasetIndex?: number;
|
|
76
|
+
markPoint?: ITdMarkPoint;
|
|
77
|
+
markLine?: ITdMarkLine;
|
|
78
|
+
markArea?: ITdMarkArea;
|
|
79
|
+
zlevel?: number;
|
|
80
|
+
z?: number;
|
|
81
|
+
silent?: boolean;
|
|
82
|
+
constructor(_optionsService: TdChartOptionsService);
|
|
83
|
+
getConfig(): any;
|
|
84
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesLineComponent, never>;
|
|
85
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesLineComponent, "td-chart-series[td-line]", never, { "config": "config"; "id": "id"; "name": "name"; "color": "color"; "data": "data"; "animation": "animation"; "animationThreshold": "animationThreshold"; "animationDuration": "animationDuration"; "animationEasing": "animationEasing"; "animationDelay": "animationDelay"; "animationDurationUpdate": "animationDurationUpdate"; "animationEasingUpdate": "animationEasingUpdate"; "animationDelayUpdate": "animationDelayUpdate"; "tooltip": "tooltip"; "coordinateSystem": "coordinateSystem"; "xAxisIndex": "xAxisIndex"; "yAxisIndex": "yAxisIndex"; "polarIndex": "polarIndex"; "symbol": "symbol"; "symbolSize": "symbolSize"; "symbolRotate": "symbolRotate"; "symbolKeepAspect": "symbolKeepAspect"; "symbolOffset": "symbolOffset"; "showSymbol": "showSymbol"; "showAllSymbol": "showAllSymbol"; "hoverAnimation": "hoverAnimation"; "legendHoverLink": "legendHoverLink"; "stack": "stack"; "cursor": "cursor"; "connectNulls": "connectNulls"; "clipOverflow": "clipOverflow"; "step": "step"; "label": "label"; "itemStyle": "itemStyle"; "lineStyle": "lineStyle"; "areaStyle": "areaStyle"; "emphasis": "emphasis"; "smooth": "smooth"; "smoothMonotone": "smoothMonotone"; "sampling": "sampling"; "dimensions": "dimensions"; "encode": "encode"; "seriesLayoutBy": "seriesLayoutBy"; "datasetIndex": "datasetIndex"; "markPoint": "markPoint"; "markLine": "markLine"; "markArea": "markArea"; "zlevel": "zlevel"; "z": "z"; "silent": "silent"; }, {}, never, never>;
|
|
86
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Type } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./line.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export declare const LINE_MODULE_COMPONENTS: Type<any>[];
|
|
6
|
+
export declare class CovalentLineEchartsModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentLineEchartsModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentLineEchartsModule, [typeof i1.TdChartSeriesLineComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesLineComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentLineEchartsModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"module": "../fesm2015/covalent-echarts-line.mjs",
|
|
3
|
+
"es2020": "../fesm2020/covalent-echarts-line.mjs",
|
|
4
|
+
"esm2020": "../esm2020/line/covalent-echarts-line.mjs",
|
|
5
|
+
"fesm2020": "../fesm2020/covalent-echarts-line.mjs",
|
|
6
|
+
"fesm2015": "../fesm2015/covalent-echarts-line.mjs",
|
|
7
|
+
"typings": "covalent-echarts-line.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@covalent/echarts/line"
|
|
10
|
+
}
|
package/map/README.md
ADDED
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
# td-chart-series[td-map]
|
|
2
|
+
|
|
3
|
+
`td-chart-series[td-map]` element generates a map series echarts visualization inside a `td-chart`. It's the equivalent of creating a JS series object `type="map"` in echarts.
|
|
4
|
+
|
|
5
|
+
## API Summary
|
|
6
|
+
|
|
7
|
+
#### Inputs
|
|
8
|
+
|
|
9
|
+
- config?: any
|
|
10
|
+
- Sets the JS config object if you choose to not use the property inputs.
|
|
11
|
+
- Note: [config] input properties will override input values
|
|
12
|
+
|
|
13
|
+
There are also lots of property inputs like:
|
|
14
|
+
|
|
15
|
+
- id?: string
|
|
16
|
+
- It can be used to refer the component in option or API.
|
|
17
|
+
- name?: string
|
|
18
|
+
- Series name used for displaying in tooltip and filtering with legend.
|
|
19
|
+
- map?: string
|
|
20
|
+
- Due to the increase of fineness of map, ECharts 3 doesn't include map data by default for package size consideration.
|
|
21
|
+
- data?: any[]
|
|
22
|
+
- Data array of series.
|
|
23
|
+
|
|
24
|
+
And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#series-map)
|
|
25
|
+
|
|
26
|
+
## Setup
|
|
27
|
+
|
|
28
|
+
Import the [CovalentMapEchartsModule] in your NgModule:
|
|
29
|
+
|
|
30
|
+
```typescript
|
|
31
|
+
import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
|
|
32
|
+
import { CovalentMapEchartsModule } from '@covalent/echarts/map';
|
|
33
|
+
@NgModule({
|
|
34
|
+
imports: [
|
|
35
|
+
CovalentBaseEchartsModule,
|
|
36
|
+
CovalentMapEchartsModule,
|
|
37
|
+
...
|
|
38
|
+
],
|
|
39
|
+
...
|
|
40
|
+
})
|
|
41
|
+
export class MyModule {}
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Usage
|
|
45
|
+
|
|
46
|
+
Basic Example:
|
|
47
|
+
|
|
48
|
+
ECharts uses geoJSON format as map outline. In orther to use a map, you may find map files you need on [map download page](https://echarts.baidu.com/download-map.html) and then include and register them in ECharts:
|
|
49
|
+
|
|
50
|
+
```typescript
|
|
51
|
+
echarts.registerMap('USA', usaGeoJson);
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
```html
|
|
55
|
+
<td-chart>
|
|
56
|
+
<td-chart-series
|
|
57
|
+
td-map
|
|
58
|
+
[name]="'USA PopEstimates'"
|
|
59
|
+
[map]="'USA'"
|
|
60
|
+
[data]="[
|
|
61
|
+
{name: 'Alabama', value: 4822023},
|
|
62
|
+
{name: 'Alaska', value: 731449},
|
|
63
|
+
{name: 'Arizona', value: 6553255},
|
|
64
|
+
{name: 'Arkansas', value: 2949131},
|
|
65
|
+
{name: 'California', value: 38041430},
|
|
66
|
+
{name: 'Colorado', value: 5187582},
|
|
67
|
+
{name: 'Connecticut', value: 3590347},
|
|
68
|
+
{name: 'Delaware', value: 917092},
|
|
69
|
+
{name: 'District of Columbia', value: 632323},
|
|
70
|
+
{name: 'Florida', value: 19317568},
|
|
71
|
+
{name: 'Georgia', value: 9919945},
|
|
72
|
+
{name: 'Hawaii', value: 1392313},
|
|
73
|
+
{name: 'Idaho', value: 1595728},
|
|
74
|
+
{name: 'Illinois', value: 12875255},
|
|
75
|
+
{name: 'Indiana', value: 6537334},
|
|
76
|
+
{name: 'Iowa', value: 3074186},
|
|
77
|
+
{name: 'Kansas', value: 2885905},
|
|
78
|
+
{name: 'Kentucky', value: 4380415},
|
|
79
|
+
{name: 'Louisiana', value: 4601893},
|
|
80
|
+
{name: 'Maine', value: 1329192},
|
|
81
|
+
{name: 'Maryland', value: 5884563},
|
|
82
|
+
{name: 'Massachusetts', value: 6646144},
|
|
83
|
+
{name: 'Michigan', value: 9883360},
|
|
84
|
+
{name: 'Minnesota', value: 5379139},
|
|
85
|
+
{name: 'Mississippi', value: 2984926},
|
|
86
|
+
{name: 'Missouri', value: 6021988},
|
|
87
|
+
{name: 'Montana', value: 1005141},
|
|
88
|
+
{name: 'Nebraska', value: 1855525},
|
|
89
|
+
{name: 'Nevada', value: 2758931},
|
|
90
|
+
{name: 'New Hampshire', value: 1320718},
|
|
91
|
+
{name: 'New Jersey', value: 8864590},
|
|
92
|
+
{name: 'New Mexico', value: 2085538},
|
|
93
|
+
{name: 'New York', value: 19570261},
|
|
94
|
+
{name: 'North Carolina', value: 9752073},
|
|
95
|
+
{name: 'North Dakota', value: 699628},
|
|
96
|
+
{name: 'Ohio', value: 11544225},
|
|
97
|
+
{name: 'Oklahoma', value: 3814820},
|
|
98
|
+
{name: 'Oregon', value: 3899353},
|
|
99
|
+
{name: 'Pennsylvania', value: 12763536},
|
|
100
|
+
{name: 'Rhode Island', value: 1050292},
|
|
101
|
+
{name: 'South Carolina', value: 4723723},
|
|
102
|
+
{name: 'South Dakota', value: 833354},
|
|
103
|
+
{name: 'Tennessee', value: 6456243},
|
|
104
|
+
{name: 'Texas', value: 26059203},
|
|
105
|
+
{name: 'Utah', value: 2855287},
|
|
106
|
+
{name: 'Vermont', value: 626011},
|
|
107
|
+
{name: 'Virginia', value: 8185867},
|
|
108
|
+
{name: 'Washington', value: 6897012},
|
|
109
|
+
{name: 'West Virginia', value: 1855413},
|
|
110
|
+
{name: 'Wisconsin', value: 5726398},
|
|
111
|
+
{name: 'Wyoming', value: 576412},
|
|
112
|
+
{name: 'Puerto Rico', value: 3667084}
|
|
113
|
+
]"
|
|
114
|
+
[roam]="true"
|
|
115
|
+
[itemStyle]="{ emphasis:{label:{show:true}} }"
|
|
116
|
+
>
|
|
117
|
+
</td-chart-series>
|
|
118
|
+
</td-chart>
|
|
119
|
+
```
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { TdChartOptionsService, ITdItemStyle, ITdMarkPoint, ITdMarkLine, ITdMarkArea, ITdSeries, ITdLabel, TdSeriesDirective } from '@covalent/echarts/base';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare type TdMapValueCalculation = 'sum' | 'average' | 'max' | 'min';
|
|
4
|
+
export declare type TdMapSeriesLayoutBy = 'column' | 'row';
|
|
5
|
+
export interface ITdMapScaleLimit {
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
}
|
|
9
|
+
export interface ITdMapItemStyle {
|
|
10
|
+
areaColor?: ITdItemStyle;
|
|
11
|
+
emphasis?: ITdItemStyle;
|
|
12
|
+
}
|
|
13
|
+
export interface ITdMapSeries extends ITdSeries {
|
|
14
|
+
map?: string;
|
|
15
|
+
roam?: boolean;
|
|
16
|
+
center?: number[];
|
|
17
|
+
aspectScale?: number;
|
|
18
|
+
boudingCoords?: any[];
|
|
19
|
+
zoom?: number;
|
|
20
|
+
scaleLimit?: ITdMapScaleLimit;
|
|
21
|
+
nameMap?: object;
|
|
22
|
+
selectedMode?: boolean | string;
|
|
23
|
+
label?: ITdLabel;
|
|
24
|
+
itemStyle?: ITdMapItemStyle;
|
|
25
|
+
zLevel?: number;
|
|
26
|
+
z?: number;
|
|
27
|
+
left?: string | number;
|
|
28
|
+
top?: string | number;
|
|
29
|
+
right?: string | number;
|
|
30
|
+
bottom?: string | number;
|
|
31
|
+
layoutCenter?: any[];
|
|
32
|
+
layoutSize?: any[];
|
|
33
|
+
geoIndex?: number;
|
|
34
|
+
mapValueCalculation?: TdMapValueCalculation;
|
|
35
|
+
showLegendSymbol?: boolean;
|
|
36
|
+
seriesLayoutBy?: string;
|
|
37
|
+
data?: any[];
|
|
38
|
+
markPoint?: ITdMarkPoint;
|
|
39
|
+
markLine?: ITdMarkLine;
|
|
40
|
+
markArea?: ITdMarkArea;
|
|
41
|
+
silent?: boolean;
|
|
42
|
+
}
|
|
43
|
+
export declare class TdChartSeriesMapComponent extends TdSeriesDirective implements ITdMapSeries {
|
|
44
|
+
map?: string;
|
|
45
|
+
roam?: boolean;
|
|
46
|
+
center?: number[];
|
|
47
|
+
aspectScale?: number;
|
|
48
|
+
boudingCoords?: any[];
|
|
49
|
+
zoom?: number;
|
|
50
|
+
scaleLimit?: ITdMapScaleLimit;
|
|
51
|
+
nameMap?: object;
|
|
52
|
+
selectedMode?: boolean | string;
|
|
53
|
+
label?: ITdLabel;
|
|
54
|
+
itemStyle?: ITdMapItemStyle;
|
|
55
|
+
zLevel?: number;
|
|
56
|
+
z?: number;
|
|
57
|
+
left?: string | number;
|
|
58
|
+
top?: string | number;
|
|
59
|
+
right?: string | number;
|
|
60
|
+
bottom?: string | number;
|
|
61
|
+
layoutCenter?: any[];
|
|
62
|
+
layoutSize?: any[];
|
|
63
|
+
geoIndex?: number;
|
|
64
|
+
mapValueCalculation?: TdMapValueCalculation;
|
|
65
|
+
showLegendSymbol?: boolean;
|
|
66
|
+
seriesLayoutBy?: string;
|
|
67
|
+
markPoint?: ITdMarkPoint;
|
|
68
|
+
markLine?: ITdMarkLine;
|
|
69
|
+
markArea?: ITdMarkArea;
|
|
70
|
+
silent?: boolean;
|
|
71
|
+
constructor(_optionsService: TdChartOptionsService);
|
|
72
|
+
getConfig(): any;
|
|
73
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesMapComponent, never>;
|
|
74
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesMapComponent, "td-chart-series[td-map]", never, { "config": "config"; "id": "id"; "name": "name"; "color": "color"; "data": "data"; "animation": "animation"; "animationThreshold": "animationThreshold"; "animationDuration": "animationDuration"; "animationEasing": "animationEasing"; "animationDelay": "animationDelay"; "animationDurationUpdate": "animationDurationUpdate"; "animationEasingUpdate": "animationEasingUpdate"; "animationDelayUpdate": "animationDelayUpdate"; "tooltip": "tooltip"; "map": "map"; "roam": "roam"; "center": "center"; "aspectScale": "aspectScale"; "boudingCoords": "boudingCoords"; "zoom": "zoom"; "scaleLimit": "scaleLimit"; "nameMap": "nameMap"; "selectedMode": "selectedMode"; "label": "label"; "itemStyle": "itemStyle"; "zLevel": "zLevel"; "z": "z"; "left": "left"; "top": "top"; "right": "right"; "bottom": "bottom"; "layoutCenter": "layoutCenter"; "layoutSize": "layoutSize"; "geoIndex": "geoIndex"; "mapValueCalculation": "mapValueCalculation"; "showLegendSymbol": "showLegendSymbol"; "seriesLayoutBy": "seriesLayoutBy"; "markPoint": "markPoint"; "markLine": "markLine"; "markArea": "markArea"; "silent": "silent"; }, {}, never, never>;
|
|
75
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Type } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./map.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export declare const MAP_MODULE_COMPONENTS: Type<any>[];
|
|
6
|
+
export declare class CovalentMapEchartsModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentMapEchartsModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentMapEchartsModule, [typeof i1.TdChartSeriesMapComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesMapComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentMapEchartsModule>;
|
|
10
|
+
}
|
package/map/package.json
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"module": "../fesm2015/covalent-echarts-map.mjs",
|
|
3
|
+
"es2020": "../fesm2020/covalent-echarts-map.mjs",
|
|
4
|
+
"esm2020": "../esm2020/map/covalent-echarts-map.mjs",
|
|
5
|
+
"fesm2020": "../fesm2020/covalent-echarts-map.mjs",
|
|
6
|
+
"fesm2015": "../fesm2015/covalent-echarts-map.mjs",
|
|
7
|
+
"typings": "covalent-echarts-map.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@covalent/echarts/map"
|
|
10
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@covalent/echarts",
|
|
3
|
+
"version": "0.0.1",
|
|
4
|
+
"description": "Teradata UI Platform Echarts Module",
|
|
5
|
+
"keywords": [
|
|
6
|
+
"angular",
|
|
7
|
+
"echarts",
|
|
8
|
+
"components",
|
|
9
|
+
"covalent",
|
|
10
|
+
"reusable"
|
|
11
|
+
],
|
|
12
|
+
"peerDependencies": {
|
|
13
|
+
"@angular/common": "^13.2.0",
|
|
14
|
+
"@angular/core": "^13.2.0",
|
|
15
|
+
"echarts": "^5.3.0",
|
|
16
|
+
"echarts-wordcloud": "^2.0.0",
|
|
17
|
+
"rxjs": "~7.4.0"
|
|
18
|
+
},
|
|
19
|
+
"dependencies": {
|
|
20
|
+
"tslib": "^2.3.0"
|
|
21
|
+
},
|
|
22
|
+
"module": "fesm2015/covalent-echarts.mjs",
|
|
23
|
+
"es2020": "fesm2020/covalent-echarts.mjs",
|
|
24
|
+
"esm2020": "esm2020/covalent-echarts.mjs",
|
|
25
|
+
"fesm2020": "fesm2020/covalent-echarts.mjs",
|
|
26
|
+
"fesm2015": "fesm2015/covalent-echarts.mjs",
|
|
27
|
+
"typings": "covalent-echarts.d.ts",
|
|
28
|
+
"exports": {
|
|
29
|
+
"./package.json": {
|
|
30
|
+
"default": "./package.json"
|
|
31
|
+
},
|
|
32
|
+
".": {
|
|
33
|
+
"types": "./covalent-echarts.d.ts",
|
|
34
|
+
"esm2020": "./esm2020/covalent-echarts.mjs",
|
|
35
|
+
"es2020": "./fesm2020/covalent-echarts.mjs",
|
|
36
|
+
"es2015": "./fesm2015/covalent-echarts.mjs",
|
|
37
|
+
"node": "./fesm2015/covalent-echarts.mjs",
|
|
38
|
+
"default": "./fesm2020/covalent-echarts.mjs"
|
|
39
|
+
},
|
|
40
|
+
"./bar": {
|
|
41
|
+
"types": "./bar/covalent-echarts-bar.d.ts",
|
|
42
|
+
"esm2020": "./esm2020/bar/covalent-echarts-bar.mjs",
|
|
43
|
+
"es2020": "./fesm2020/covalent-echarts-bar.mjs",
|
|
44
|
+
"es2015": "./fesm2015/covalent-echarts-bar.mjs",
|
|
45
|
+
"node": "./fesm2015/covalent-echarts-bar.mjs",
|
|
46
|
+
"default": "./fesm2020/covalent-echarts-bar.mjs"
|
|
47
|
+
},
|
|
48
|
+
"./base": {
|
|
49
|
+
"types": "./base/covalent-echarts-base.d.ts",
|
|
50
|
+
"esm2020": "./esm2020/base/covalent-echarts-base.mjs",
|
|
51
|
+
"es2020": "./fesm2020/covalent-echarts-base.mjs",
|
|
52
|
+
"es2015": "./fesm2015/covalent-echarts-base.mjs",
|
|
53
|
+
"node": "./fesm2015/covalent-echarts-base.mjs",
|
|
54
|
+
"default": "./fesm2020/covalent-echarts-base.mjs"
|
|
55
|
+
},
|
|
56
|
+
"./graph": {
|
|
57
|
+
"types": "./graph/covalent-echarts-graph.d.ts",
|
|
58
|
+
"esm2020": "./esm2020/graph/covalent-echarts-graph.mjs",
|
|
59
|
+
"es2020": "./fesm2020/covalent-echarts-graph.mjs",
|
|
60
|
+
"es2015": "./fesm2015/covalent-echarts-graph.mjs",
|
|
61
|
+
"node": "./fesm2015/covalent-echarts-graph.mjs",
|
|
62
|
+
"default": "./fesm2020/covalent-echarts-graph.mjs"
|
|
63
|
+
},
|
|
64
|
+
"./line": {
|
|
65
|
+
"types": "./line/covalent-echarts-line.d.ts",
|
|
66
|
+
"esm2020": "./esm2020/line/covalent-echarts-line.mjs",
|
|
67
|
+
"es2020": "./fesm2020/covalent-echarts-line.mjs",
|
|
68
|
+
"es2015": "./fesm2015/covalent-echarts-line.mjs",
|
|
69
|
+
"node": "./fesm2015/covalent-echarts-line.mjs",
|
|
70
|
+
"default": "./fesm2020/covalent-echarts-line.mjs"
|
|
71
|
+
},
|
|
72
|
+
"./map": {
|
|
73
|
+
"types": "./map/covalent-echarts-map.d.ts",
|
|
74
|
+
"esm2020": "./esm2020/map/covalent-echarts-map.mjs",
|
|
75
|
+
"es2020": "./fesm2020/covalent-echarts-map.mjs",
|
|
76
|
+
"es2015": "./fesm2015/covalent-echarts-map.mjs",
|
|
77
|
+
"node": "./fesm2015/covalent-echarts-map.mjs",
|
|
78
|
+
"default": "./fesm2020/covalent-echarts-map.mjs"
|
|
79
|
+
},
|
|
80
|
+
"./pie": {
|
|
81
|
+
"types": "./pie/covalent-echarts-pie.d.ts",
|
|
82
|
+
"esm2020": "./esm2020/pie/covalent-echarts-pie.mjs",
|
|
83
|
+
"es2020": "./fesm2020/covalent-echarts-pie.mjs",
|
|
84
|
+
"es2015": "./fesm2015/covalent-echarts-pie.mjs",
|
|
85
|
+
"node": "./fesm2015/covalent-echarts-pie.mjs",
|
|
86
|
+
"default": "./fesm2020/covalent-echarts-pie.mjs"
|
|
87
|
+
},
|
|
88
|
+
"./sankey": {
|
|
89
|
+
"types": "./sankey/covalent-echarts-sankey.d.ts",
|
|
90
|
+
"esm2020": "./esm2020/sankey/covalent-echarts-sankey.mjs",
|
|
91
|
+
"es2020": "./fesm2020/covalent-echarts-sankey.mjs",
|
|
92
|
+
"es2015": "./fesm2015/covalent-echarts-sankey.mjs",
|
|
93
|
+
"node": "./fesm2015/covalent-echarts-sankey.mjs",
|
|
94
|
+
"default": "./fesm2020/covalent-echarts-sankey.mjs"
|
|
95
|
+
},
|
|
96
|
+
"./scatter": {
|
|
97
|
+
"types": "./scatter/covalent-echarts-scatter.d.ts",
|
|
98
|
+
"esm2020": "./esm2020/scatter/covalent-echarts-scatter.mjs",
|
|
99
|
+
"es2020": "./fesm2020/covalent-echarts-scatter.mjs",
|
|
100
|
+
"es2015": "./fesm2015/covalent-echarts-scatter.mjs",
|
|
101
|
+
"node": "./fesm2015/covalent-echarts-scatter.mjs",
|
|
102
|
+
"default": "./fesm2020/covalent-echarts-scatter.mjs"
|
|
103
|
+
},
|
|
104
|
+
"./toolbox": {
|
|
105
|
+
"types": "./toolbox/covalent-echarts-toolbox.d.ts",
|
|
106
|
+
"esm2020": "./esm2020/toolbox/covalent-echarts-toolbox.mjs",
|
|
107
|
+
"es2020": "./fesm2020/covalent-echarts-toolbox.mjs",
|
|
108
|
+
"es2015": "./fesm2015/covalent-echarts-toolbox.mjs",
|
|
109
|
+
"node": "./fesm2015/covalent-echarts-toolbox.mjs",
|
|
110
|
+
"default": "./fesm2020/covalent-echarts-toolbox.mjs"
|
|
111
|
+
},
|
|
112
|
+
"./tooltip": {
|
|
113
|
+
"types": "./tooltip/covalent-echarts-tooltip.d.ts",
|
|
114
|
+
"esm2020": "./esm2020/tooltip/covalent-echarts-tooltip.mjs",
|
|
115
|
+
"es2020": "./fesm2020/covalent-echarts-tooltip.mjs",
|
|
116
|
+
"es2015": "./fesm2015/covalent-echarts-tooltip.mjs",
|
|
117
|
+
"node": "./fesm2015/covalent-echarts-tooltip.mjs",
|
|
118
|
+
"default": "./fesm2020/covalent-echarts-tooltip.mjs"
|
|
119
|
+
},
|
|
120
|
+
"./tree": {
|
|
121
|
+
"types": "./tree/covalent-echarts-tree.d.ts",
|
|
122
|
+
"esm2020": "./esm2020/tree/covalent-echarts-tree.mjs",
|
|
123
|
+
"es2020": "./fesm2020/covalent-echarts-tree.mjs",
|
|
124
|
+
"es2015": "./fesm2015/covalent-echarts-tree.mjs",
|
|
125
|
+
"node": "./fesm2015/covalent-echarts-tree.mjs",
|
|
126
|
+
"default": "./fesm2020/covalent-echarts-tree.mjs"
|
|
127
|
+
},
|
|
128
|
+
"./treemap": {
|
|
129
|
+
"types": "./treemap/covalent-echarts-treemap.d.ts",
|
|
130
|
+
"esm2020": "./esm2020/treemap/covalent-echarts-treemap.mjs",
|
|
131
|
+
"es2020": "./fesm2020/covalent-echarts-treemap.mjs",
|
|
132
|
+
"es2015": "./fesm2015/covalent-echarts-treemap.mjs",
|
|
133
|
+
"node": "./fesm2015/covalent-echarts-treemap.mjs",
|
|
134
|
+
"default": "./fesm2020/covalent-echarts-treemap.mjs"
|
|
135
|
+
},
|
|
136
|
+
"./wordcloud": {
|
|
137
|
+
"types": "./wordcloud/covalent-echarts-wordcloud.d.ts",
|
|
138
|
+
"esm2020": "./esm2020/wordcloud/covalent-echarts-wordcloud.mjs",
|
|
139
|
+
"es2020": "./fesm2020/covalent-echarts-wordcloud.mjs",
|
|
140
|
+
"es2015": "./fesm2015/covalent-echarts-wordcloud.mjs",
|
|
141
|
+
"node": "./fesm2015/covalent-echarts-wordcloud.mjs",
|
|
142
|
+
"default": "./fesm2020/covalent-echarts-wordcloud.mjs"
|
|
143
|
+
}
|
|
144
|
+
},
|
|
145
|
+
"sideEffects": false
|
|
146
|
+
}
|
package/pie/README.md
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
# td-chart-series[td-pie]
|
|
2
|
+
|
|
3
|
+
`td-chart-series[td-pie]` element generates a pie series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="pie"` in echarts.
|
|
4
|
+
|
|
5
|
+
## API Summary
|
|
6
|
+
|
|
7
|
+
#### Inputs
|
|
8
|
+
|
|
9
|
+
- config?: any
|
|
10
|
+
- Sets the JS config object if you choose to not use the property inputs.
|
|
11
|
+
- Note: [config] input properties will override input values
|
|
12
|
+
|
|
13
|
+
There are also lots of property inputs like:
|
|
14
|
+
|
|
15
|
+
- id?: string
|
|
16
|
+
- It can be used to refer the component in option or API.
|
|
17
|
+
- name?: string
|
|
18
|
+
- Series name used for displaying in tooltip and filtering with legend.
|
|
19
|
+
- color?: any
|
|
20
|
+
- Global color for the series.
|
|
21
|
+
- data?: any[]
|
|
22
|
+
- Data array of series.
|
|
23
|
+
|
|
24
|
+
And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#series-pie)
|
|
25
|
+
|
|
26
|
+
## Setup
|
|
27
|
+
|
|
28
|
+
Import the [CovalentPieEchartsModule] in your NgModule:
|
|
29
|
+
|
|
30
|
+
```typescript
|
|
31
|
+
import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
|
|
32
|
+
import { CovalentPieEchartsModule } from '@covalent/echarts/pie';
|
|
33
|
+
@NgModule({
|
|
34
|
+
imports: [
|
|
35
|
+
CovalentBaseEchartsModule,
|
|
36
|
+
CovalentPieEchartsModule,
|
|
37
|
+
...
|
|
38
|
+
],
|
|
39
|
+
...
|
|
40
|
+
})
|
|
41
|
+
export class MyModule {}
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
## Usage
|
|
45
|
+
|
|
46
|
+
Basic Example:
|
|
47
|
+
|
|
48
|
+
```html
|
|
49
|
+
<td-chart>
|
|
50
|
+
<td-chart-series
|
|
51
|
+
td-pie
|
|
52
|
+
[name]="'name'"
|
|
53
|
+
[data]="[{ name: 'name1', value: 150},
|
|
54
|
+
{ name: 'name2', value: 130},
|
|
55
|
+
{ name: 'name3', value: 150},
|
|
56
|
+
{ name: 'name4', value: 120},
|
|
57
|
+
{ name: 'name5', value: 150}]"
|
|
58
|
+
[color]="['#F2724B','#26B99A', '#34495E', '#BDC3C7', '#3498DB']"
|
|
59
|
+
>
|
|
60
|
+
</td-chart-series>
|
|
61
|
+
</td-chart>
|
|
62
|
+
```
|
package/pie/package.json
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"module": "../fesm2015/covalent-echarts-pie.mjs",
|
|
3
|
+
"es2020": "../fesm2020/covalent-echarts-pie.mjs",
|
|
4
|
+
"esm2020": "../esm2020/pie/covalent-echarts-pie.mjs",
|
|
5
|
+
"fesm2020": "../fesm2020/covalent-echarts-pie.mjs",
|
|
6
|
+
"fesm2015": "../fesm2015/covalent-echarts-pie.mjs",
|
|
7
|
+
"typings": "covalent-echarts-pie.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@covalent/echarts/pie"
|
|
10
|
+
}
|