@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
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { TdChartOptionsService, ITdItemStyle, ITdEmphasis, TdSeriesLayoutBy, ITdMarkPoint, ITdMarkLine, ITdMarkArea, ITdSeries, ITdLabel, ITdLabelLine, TdSeriesDirective } from '@covalent/echarts/base';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface ITdPieSeries extends ITdSeries {
|
|
4
|
+
legendHoverLink?: boolean;
|
|
5
|
+
hoverAnimation?: boolean;
|
|
6
|
+
hoverOffset?: number;
|
|
7
|
+
selectedMode?: boolean | string;
|
|
8
|
+
selectedOffset?: number;
|
|
9
|
+
clockwise?: boolean;
|
|
10
|
+
startAngle?: number;
|
|
11
|
+
minAngle?: number;
|
|
12
|
+
minShowLabelAngle?: number;
|
|
13
|
+
roseType?: boolean | string;
|
|
14
|
+
avoidLabelOverlap?: boolean;
|
|
15
|
+
stillShowZeroSum?: boolean;
|
|
16
|
+
cursor?: string;
|
|
17
|
+
labelLine?: ITdLabelLine;
|
|
18
|
+
Label?: ITdLabel;
|
|
19
|
+
itemStyle?: ITdItemStyle;
|
|
20
|
+
emphasis?: ITdEmphasis;
|
|
21
|
+
seriesLayoutBy?: TdSeriesLayoutBy;
|
|
22
|
+
datasetIndex?: number;
|
|
23
|
+
data?: any[];
|
|
24
|
+
markPoint?: ITdMarkPoint;
|
|
25
|
+
markLine?: ITdMarkLine;
|
|
26
|
+
markArea?: ITdMarkArea;
|
|
27
|
+
Zlevel?: 0;
|
|
28
|
+
z?: number;
|
|
29
|
+
center?: object;
|
|
30
|
+
radius?: number | string | any[];
|
|
31
|
+
silent?: boolean;
|
|
32
|
+
}
|
|
33
|
+
export declare class TdChartSeriesPieComponent extends TdSeriesDirective implements ITdPieSeries {
|
|
34
|
+
legendHoverLink?: boolean;
|
|
35
|
+
hoverAnimation?: boolean;
|
|
36
|
+
hoverOffset?: number;
|
|
37
|
+
selectedMode?: boolean | string;
|
|
38
|
+
selectedOffset?: number;
|
|
39
|
+
clockwise?: boolean;
|
|
40
|
+
startAngle?: number;
|
|
41
|
+
minAngle?: number;
|
|
42
|
+
minShowLabelAngle?: number;
|
|
43
|
+
roseType?: boolean | string;
|
|
44
|
+
avoidLabelOverlap?: boolean;
|
|
45
|
+
stillShowZeroSum?: boolean;
|
|
46
|
+
cursor?: string;
|
|
47
|
+
labelLine?: object;
|
|
48
|
+
label?: any;
|
|
49
|
+
itemStyle?: ITdItemStyle;
|
|
50
|
+
emphasis?: ITdEmphasis;
|
|
51
|
+
seriesLayoutBy?: TdSeriesLayoutBy;
|
|
52
|
+
datasetIndex?: number;
|
|
53
|
+
markPoint?: ITdMarkPoint;
|
|
54
|
+
markLine?: ITdMarkLine;
|
|
55
|
+
markArea?: ITdMarkArea;
|
|
56
|
+
zlevel?: number;
|
|
57
|
+
z?: number;
|
|
58
|
+
center?: object;
|
|
59
|
+
radius?: number | string | any[];
|
|
60
|
+
constructor(_optionsService: TdChartOptionsService);
|
|
61
|
+
getConfig(): any;
|
|
62
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesPieComponent, never>;
|
|
63
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesPieComponent, "td-chart-series[td-pie]", 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"; "legendHoverLink": "legendHoverLink"; "hoverAnimation": "hoverAnimation"; "hoverOffset": "hoverOffset"; "selectedMode": "selectedMode"; "selectedOffset": "selectedOffset"; "clockwise": "clockwise"; "startAngle": "startAngle"; "minAngle": "minAngle"; "minShowLabelAngle": "minShowLabelAngle"; "roseType": "roseType"; "avoidLabelOverlap": "avoidLabelOverlap"; "stillShowZeroSum": "stillShowZeroSum"; "cursor": "cursor"; "labelLine": "labelLine"; "label": "label"; "itemStyle": "itemStyle"; "emphasis": "emphasis"; "seriesLayoutBy": "seriesLayoutBy"; "datasetIndex": "datasetIndex"; "markPoint": "markPoint"; "markLine": "markLine"; "markArea": "markArea"; "zlevel": "zlevel"; "z": "z"; "center": "center"; "radius": "radius"; }, {}, never, never>;
|
|
64
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Type } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./pie.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export declare const PIE_MODULE_COMPONENTS: Type<any>[];
|
|
6
|
+
export declare class CovalentPieEchartsModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentPieEchartsModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentPieEchartsModule, [typeof i1.TdChartSeriesPieComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesPieComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentPieEchartsModule>;
|
|
10
|
+
}
|
package/public_api.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/sankey/README.md
ADDED
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
# td-chart-series[td-sankey]
|
|
2
|
+
|
|
3
|
+
`td-chart-series[td-sankey]` element generates a sankey series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="sankey"` 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
|
+
- nodes?: any[] // or data?: any[]
|
|
22
|
+
- Data array of series.
|
|
23
|
+
- links?: any[] // or edges?: any[]
|
|
24
|
+
- The links between nodes.
|
|
25
|
+
|
|
26
|
+
And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#series-sankey)
|
|
27
|
+
|
|
28
|
+
## Setup
|
|
29
|
+
|
|
30
|
+
Import the [CovalentSankeyEchartsModule] in your NgModule:
|
|
31
|
+
|
|
32
|
+
```typescript
|
|
33
|
+
import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
|
|
34
|
+
import { CovalentSankeyEchartsModule } from '@covalent/echarts/sankey';
|
|
35
|
+
@NgModule({
|
|
36
|
+
imports: [
|
|
37
|
+
CovalentBaseEchartsModule,
|
|
38
|
+
CovalentSankeyEchartsModule,
|
|
39
|
+
...
|
|
40
|
+
],
|
|
41
|
+
...
|
|
42
|
+
})
|
|
43
|
+
export class MyModule {}
|
|
44
|
+
```
|
|
45
|
+
|
|
46
|
+
## Usage
|
|
47
|
+
|
|
48
|
+
Basic Example:
|
|
49
|
+
|
|
50
|
+
```html
|
|
51
|
+
<td-chart>
|
|
52
|
+
<td-chart-series
|
|
53
|
+
td-sankey
|
|
54
|
+
[focusNodeAdjacency]="'allEdges'"
|
|
55
|
+
[right]="40"
|
|
56
|
+
[left]="40"
|
|
57
|
+
[data]="[{name: 'a'},
|
|
58
|
+
{name: 'b'},
|
|
59
|
+
{name: 'a1'},
|
|
60
|
+
{name: 'a2'},
|
|
61
|
+
{name: 'b1'},
|
|
62
|
+
{name: 'c'}]"
|
|
63
|
+
[links]="[{
|
|
64
|
+
source: 'a',
|
|
65
|
+
target: 'a1',
|
|
66
|
+
value: 5
|
|
67
|
+
}, {
|
|
68
|
+
source: 'a',
|
|
69
|
+
target: 'a2',
|
|
70
|
+
value: 3
|
|
71
|
+
}, {
|
|
72
|
+
source: 'b',
|
|
73
|
+
target: 'b1',
|
|
74
|
+
value: 8
|
|
75
|
+
}, {
|
|
76
|
+
source: 'a',
|
|
77
|
+
target: 'b1',
|
|
78
|
+
value: 3
|
|
79
|
+
}, {
|
|
80
|
+
source: 'b1',
|
|
81
|
+
target: 'a1',
|
|
82
|
+
value: 1
|
|
83
|
+
}, {
|
|
84
|
+
source: 'b1',
|
|
85
|
+
target: 'c',
|
|
86
|
+
value: 2
|
|
87
|
+
}]"
|
|
88
|
+
>
|
|
89
|
+
</td-chart-series>
|
|
90
|
+
</td-chart>
|
|
91
|
+
```
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"module": "../fesm2015/covalent-echarts-sankey.mjs",
|
|
3
|
+
"es2020": "../fesm2020/covalent-echarts-sankey.mjs",
|
|
4
|
+
"esm2020": "../esm2020/sankey/covalent-echarts-sankey.mjs",
|
|
5
|
+
"fesm2020": "../fesm2020/covalent-echarts-sankey.mjs",
|
|
6
|
+
"fesm2015": "../fesm2015/covalent-echarts-sankey.mjs",
|
|
7
|
+
"typings": "covalent-echarts-sankey.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@covalent/echarts/sankey"
|
|
10
|
+
}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { TdChartOptionsService, ITdLabel, ITdItemStyle, ITdEmphasis, ITdSeries, TdSeriesDirective, ITdShadow, ITdLineCurveStyle } from '@covalent/echarts/base';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export declare type TdSankeyOrient = 'horizontal' | 'vertical';
|
|
4
|
+
export declare type TdSankeyFocusNodeAdjacency = boolean | 'allEdges' | 'outEdges' | 'inEdges';
|
|
5
|
+
export interface ITdSankeyEmphasisLineStyle extends ITdShadow {
|
|
6
|
+
color?: any;
|
|
7
|
+
opacity?: number;
|
|
8
|
+
curveness?: number;
|
|
9
|
+
}
|
|
10
|
+
export interface ITdSankeyEmphasis extends ITdEmphasis {
|
|
11
|
+
lineStyle: ITdSankeyEmphasisLineStyle;
|
|
12
|
+
}
|
|
13
|
+
export interface ITdSankeySeries extends ITdSeries {
|
|
14
|
+
zlevel?: number;
|
|
15
|
+
z?: number;
|
|
16
|
+
left?: string | number;
|
|
17
|
+
top?: string | number;
|
|
18
|
+
right?: string | number;
|
|
19
|
+
bottom?: string | number;
|
|
20
|
+
width?: string | number;
|
|
21
|
+
height?: string | number;
|
|
22
|
+
nodeWidth?: number;
|
|
23
|
+
nodeGap?: number;
|
|
24
|
+
layoutIterations?: number;
|
|
25
|
+
orient?: TdSankeyOrient;
|
|
26
|
+
draggable?: boolean;
|
|
27
|
+
focusNodeAdjacency?: TdSankeyFocusNodeAdjacency;
|
|
28
|
+
label?: ITdLabel;
|
|
29
|
+
itemStyle?: ITdItemStyle;
|
|
30
|
+
lineStyle?: ITdLineCurveStyle;
|
|
31
|
+
emphasis?: ITdEmphasis;
|
|
32
|
+
data?: any[];
|
|
33
|
+
nodes?: any[];
|
|
34
|
+
links?: any[];
|
|
35
|
+
edges?: any[];
|
|
36
|
+
silent?: boolean;
|
|
37
|
+
}
|
|
38
|
+
export declare class TdChartSeriesSankeyComponent extends TdSeriesDirective implements ITdSankeySeries {
|
|
39
|
+
zlevel?: number;
|
|
40
|
+
z?: number;
|
|
41
|
+
left?: string | number;
|
|
42
|
+
top?: string | number;
|
|
43
|
+
right?: string | number;
|
|
44
|
+
bottom?: string | number;
|
|
45
|
+
width?: string | number;
|
|
46
|
+
height?: string | number;
|
|
47
|
+
nodeWidth?: number;
|
|
48
|
+
nodeGap?: number;
|
|
49
|
+
layoutIterations?: number;
|
|
50
|
+
orient?: TdSankeyOrient;
|
|
51
|
+
draggable?: boolean;
|
|
52
|
+
focusNodeAdjacency?: TdSankeyFocusNodeAdjacency;
|
|
53
|
+
label?: ITdLabel;
|
|
54
|
+
itemStyle?: ITdItemStyle;
|
|
55
|
+
lineStyle?: ITdLineCurveStyle;
|
|
56
|
+
emphasis?: ITdEmphasis;
|
|
57
|
+
nodes?: any[];
|
|
58
|
+
links?: any[];
|
|
59
|
+
edges?: any[];
|
|
60
|
+
silent?: boolean;
|
|
61
|
+
constructor(_optionsService: TdChartOptionsService);
|
|
62
|
+
getConfig(): any;
|
|
63
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesSankeyComponent, never>;
|
|
64
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesSankeyComponent, "td-chart-series[td-sankey]", 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"; "zlevel": "zlevel"; "z": "z"; "left": "left"; "top": "top"; "right": "right"; "bottom": "bottom"; "width": "width"; "height": "height"; "nodeWidth": "nodeWidth"; "nodeGap": "nodeGap"; "layoutIterations": "layoutIterations"; "orient": "orient"; "draggable": "draggable"; "focusNodeAdjacency": "focusNodeAdjacency"; "label": "label"; "itemStyle": "itemStyle"; "lineStyle": "lineStyle"; "emphasis": "emphasis"; "nodes": "nodes"; "links": "links"; "edges": "edges"; "silent": "silent"; }, {}, never, never>;
|
|
65
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Type } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./sankey.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export declare const SANKEY_MODULE_COMPONENTS: Type<any>[];
|
|
6
|
+
export declare class CovalentSankeyEchartsModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentSankeyEchartsModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentSankeyEchartsModule, [typeof i1.TdChartSeriesSankeyComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesSankeyComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentSankeyEchartsModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
# td-chart-series[td-scatter]
|
|
2
|
+
|
|
3
|
+
`td-chart-series[td-scatter]` element generates a scatter series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="scatter"` 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-scatter)
|
|
25
|
+
|
|
26
|
+
## Setup
|
|
27
|
+
|
|
28
|
+
Import the [CovalentScatterEchartsModule] in your NgModule:
|
|
29
|
+
|
|
30
|
+
```typescript
|
|
31
|
+
import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
|
|
32
|
+
import { CovalentScatterEchartsModule } from '@covalent/echarts/scatter';
|
|
33
|
+
@NgModule({
|
|
34
|
+
imports: [
|
|
35
|
+
CovalentBaseEchartsModule,
|
|
36
|
+
CovalentScatterEchartsModule,
|
|
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]="'value'"> </td-chart-x-axis>
|
|
51
|
+
<td-chart-y-axis [show]="true" [type]="'value'"> </td-chart-y-axis>
|
|
52
|
+
<td-chart-series
|
|
53
|
+
td-scatter
|
|
54
|
+
[data]="[
|
|
55
|
+
[28604, 77, 17096869, 'Australia', 1990],
|
|
56
|
+
[31163, 77.4, 27662440, 'Canada', 1990],
|
|
57
|
+
[1516, 68, 1154605773, 'China', 1990],
|
|
58
|
+
[13670, 74.7, 10582082, 'Cuba', 1990],
|
|
59
|
+
[28599, 75, 4986705, 'Finland', 1990]
|
|
60
|
+
]"
|
|
61
|
+
[name]="'1990'"
|
|
62
|
+
[color]="'#F2724B'"
|
|
63
|
+
>
|
|
64
|
+
</td-chart-series>
|
|
65
|
+
</td-chart>
|
|
66
|
+
```
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"module": "../fesm2015/covalent-echarts-scatter.mjs",
|
|
3
|
+
"es2020": "../fesm2020/covalent-echarts-scatter.mjs",
|
|
4
|
+
"esm2020": "../esm2020/scatter/covalent-echarts-scatter.mjs",
|
|
5
|
+
"fesm2020": "../fesm2020/covalent-echarts-scatter.mjs",
|
|
6
|
+
"fesm2015": "../fesm2015/covalent-echarts-scatter.mjs",
|
|
7
|
+
"typings": "covalent-echarts-scatter.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@covalent/echarts/scatter"
|
|
10
|
+
}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { TdChartOptionsService, TdCoordinateSystem, TdMarkPointSymbol, ITdMarkPoint, ITdItemStyle, ITdLabel, ITdEmphasis, TdSeriesLayoutBy, ITdMarkLine, ITdMarkArea, TdSeriesDirective, ITdSeries } from '@covalent/echarts/base';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface ITdScatterSeries extends ITdSeries {
|
|
4
|
+
coordinateSystem?: TdCoordinateSystem;
|
|
5
|
+
xAxisIndex?: number;
|
|
6
|
+
yAxisIndex?: number;
|
|
7
|
+
polarIndex?: number;
|
|
8
|
+
geoIndex?: number;
|
|
9
|
+
calendarIndex?: number;
|
|
10
|
+
hoverAnimation?: boolean;
|
|
11
|
+
legendHoverLink?: boolean;
|
|
12
|
+
symbol?: TdMarkPointSymbol | string;
|
|
13
|
+
symbolSize?: number | any[] | Function;
|
|
14
|
+
symbolRotate?: number;
|
|
15
|
+
symbolKeepAspect?: boolean;
|
|
16
|
+
symbolOffset?: any[];
|
|
17
|
+
large?: boolean;
|
|
18
|
+
largeThreshold?: number;
|
|
19
|
+
cursor?: string;
|
|
20
|
+
connectNulls?: boolean;
|
|
21
|
+
clipOverflow?: boolean;
|
|
22
|
+
step?: boolean;
|
|
23
|
+
label?: ITdLabel;
|
|
24
|
+
itemStyle?: any;
|
|
25
|
+
emphasis?: ITdEmphasis;
|
|
26
|
+
progressive?: number;
|
|
27
|
+
progressiveThreshold?: number;
|
|
28
|
+
dimensions?: any[];
|
|
29
|
+
encode?: any;
|
|
30
|
+
seriesLayoutBy?: TdSeriesLayoutBy;
|
|
31
|
+
datasetIndex?: number;
|
|
32
|
+
data?: any[];
|
|
33
|
+
markPoint?: ITdMarkPoint;
|
|
34
|
+
markLine?: ITdMarkLine;
|
|
35
|
+
markArea?: ITdMarkArea;
|
|
36
|
+
zlevel?: number;
|
|
37
|
+
z?: number;
|
|
38
|
+
silent?: boolean;
|
|
39
|
+
}
|
|
40
|
+
export declare class TdChartSeriesScatterComponent extends TdSeriesDirective implements ITdScatterSeries {
|
|
41
|
+
coordinateSystem?: TdCoordinateSystem;
|
|
42
|
+
xAxisIndex?: number;
|
|
43
|
+
yAxisIndex?: number;
|
|
44
|
+
polarIndex?: number;
|
|
45
|
+
geoIndex?: number;
|
|
46
|
+
calendarIndex?: number;
|
|
47
|
+
hoverAnimation?: boolean;
|
|
48
|
+
legendHoverLink?: boolean;
|
|
49
|
+
symbol?: TdMarkPointSymbol | string;
|
|
50
|
+
symbolSize?: number | any[] | Function;
|
|
51
|
+
symbolRotate?: number;
|
|
52
|
+
symbolKeepAspect?: boolean;
|
|
53
|
+
symbolOffset?: any[];
|
|
54
|
+
large?: boolean;
|
|
55
|
+
largeThreshold?: number;
|
|
56
|
+
cursor?: string;
|
|
57
|
+
label?: ITdLabel;
|
|
58
|
+
itemStyle?: ITdItemStyle;
|
|
59
|
+
emphasis?: ITdEmphasis;
|
|
60
|
+
progressive?: number;
|
|
61
|
+
progressiveThreshold?: number;
|
|
62
|
+
dimensions?: any[];
|
|
63
|
+
encode?: any;
|
|
64
|
+
seriesLayoutBy?: TdSeriesLayoutBy;
|
|
65
|
+
datasetIndex?: number;
|
|
66
|
+
markPoint?: ITdMarkPoint;
|
|
67
|
+
markLine?: ITdMarkLine;
|
|
68
|
+
markArea?: ITdMarkArea;
|
|
69
|
+
zlevel?: number;
|
|
70
|
+
z?: number;
|
|
71
|
+
silent?: boolean;
|
|
72
|
+
constructor(_optionsService: TdChartOptionsService);
|
|
73
|
+
getConfig(): any;
|
|
74
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesScatterComponent, never>;
|
|
75
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesScatterComponent, "td-chart-series[td-scatter]", 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"; "geoIndex": "geoIndex"; "calendarIndex": "calendarIndex"; "hoverAnimation": "hoverAnimation"; "legendHoverLink": "legendHoverLink"; "symbol": "symbol"; "symbolSize": "symbolSize"; "symbolRotate": "symbolRotate"; "symbolKeepAspect": "symbolKeepAspect"; "symbolOffset": "symbolOffset"; "large": "large"; "largeThreshold": "largeThreshold"; "cursor": "cursor"; "label": "label"; "itemStyle": "itemStyle"; "emphasis": "emphasis"; "progressive": "progressive"; "progressiveThreshold": "progressiveThreshold"; "dimensions": "dimensions"; "encode": "encode"; "seriesLayoutBy": "seriesLayoutBy"; "datasetIndex": "datasetIndex"; "markPoint": "markPoint"; "markLine": "markLine"; "markArea": "markArea"; "zlevel": "zlevel"; "z": "z"; "silent": "silent"; }, {}, never, never>;
|
|
76
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Type } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./scatter.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export declare const SCATTER_MODULE_COMPONENTS: Type<any>[];
|
|
6
|
+
export declare class CovalentScatterEchartsModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentScatterEchartsModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentScatterEchartsModule, [typeof i1.TdChartSeriesScatterComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesScatterComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentScatterEchartsModule>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
# td-chart-toolbox
|
|
2
|
+
|
|
3
|
+
`td-chart-toolbox` element generates a global toolbox for the echarts visualization inside a `td-chart`. Its the equivalent of creating a JS toolbox object 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
|
+
- feature?: ITdToolboxFeature
|
|
16
|
+
- The configuration item for each tool which includes saveAsImage, dataView, dataZoom, restore, magicTypes and brush.
|
|
17
|
+
- show?: boolean
|
|
18
|
+
- Show or hide the toolbox.
|
|
19
|
+
|
|
20
|
+
And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#toolbox)
|
|
21
|
+
|
|
22
|
+
## Setup
|
|
23
|
+
|
|
24
|
+
Import the [CovalentToolboxEchartsModule] in your NgModule:
|
|
25
|
+
|
|
26
|
+
```typescript
|
|
27
|
+
import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
|
|
28
|
+
import { CovalentToolboxEchartsModule } from '@covalent/echarts/toolbox';
|
|
29
|
+
@NgModule({
|
|
30
|
+
imports: [
|
|
31
|
+
CovalentBaseEchartsModule,
|
|
32
|
+
CovalentToolboxEchartsModule,
|
|
33
|
+
...
|
|
34
|
+
],
|
|
35
|
+
...
|
|
36
|
+
})
|
|
37
|
+
export class MyModule {}
|
|
38
|
+
```
|
|
39
|
+
|
|
40
|
+
## Usage
|
|
41
|
+
|
|
42
|
+
Basic Toolbox Example: To change the toolbox default language for `title` and `lang` properties they must be done manually either on the parent config JS object or on the `td-chart-toolbox` component inputs. Toolbox component inputs will override any options on the parent `td-chart` config JS object.
|
|
43
|
+
|
|
44
|
+
```html
|
|
45
|
+
<td-chart>
|
|
46
|
+
<td-chart-toolbox
|
|
47
|
+
[show]="true"
|
|
48
|
+
[right]="30"
|
|
49
|
+
[feature]="{dataView: {readOnly: true, title: 'View Data', lang: ['Data View', 'Turn Off', 'Refresh']},
|
|
50
|
+
dataZoom: {title: {zoom: 'Zoom', back: 'Back'}},
|
|
51
|
+
magicType: {type: ['line', 'bar', 'stack', 'tiled'],
|
|
52
|
+
title: {line: 'Line', bar: 'Bar', stack: 'Stack', tiled: 'Tiled'}},
|
|
53
|
+
restore: {title: 'Restore'}}"
|
|
54
|
+
>
|
|
55
|
+
</td-chart-toolbox>
|
|
56
|
+
</td-chart>
|
|
57
|
+
```
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"module": "../fesm2015/covalent-echarts-toolbox.mjs",
|
|
3
|
+
"es2020": "../fesm2020/covalent-echarts-toolbox.mjs",
|
|
4
|
+
"esm2020": "../esm2020/toolbox/covalent-echarts-toolbox.mjs",
|
|
5
|
+
"fesm2020": "../fesm2020/covalent-echarts-toolbox.mjs",
|
|
6
|
+
"fesm2015": "../fesm2015/covalent-echarts-toolbox.mjs",
|
|
7
|
+
"typings": "covalent-echarts-toolbox.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@covalent/echarts/toolbox"
|
|
10
|
+
}
|