@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/README.md
ADDED
package/bar/README.md
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
# td-chart-series[td-bar]
|
|
2
|
+
|
|
3
|
+
`td-chart-series[td-bar]` element generates a bar series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="bar"` 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-bar)
|
|
25
|
+
|
|
26
|
+
## Setup
|
|
27
|
+
|
|
28
|
+
Import the [CovalentBarEchartsModule] in your NgModule:
|
|
29
|
+
|
|
30
|
+
```typescript
|
|
31
|
+
import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
|
|
32
|
+
import { CovalentBarEchartsModule } from '@covalent/echarts/bar';
|
|
33
|
+
@NgModule({
|
|
34
|
+
imports: [
|
|
35
|
+
CovalentBaseEchartsModule,
|
|
36
|
+
CovalentBarEchartsModule,
|
|
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
|
|
51
|
+
[show]="true"
|
|
52
|
+
[type]="'category'"
|
|
53
|
+
[data]="['Electronics', 'Toys', 'Grocery', 'Appliances', 'Automotive', 'Sports']"
|
|
54
|
+
>
|
|
55
|
+
</td-chart-x-axis>
|
|
56
|
+
<td-chart-y-axis [show]="true" [type]="'value'"> </td-chart-y-axis>
|
|
57
|
+
<td-chart-series
|
|
58
|
+
td-bar
|
|
59
|
+
[name]="'name'"
|
|
60
|
+
[data]="[150, 130, 150, 120, 150, 120]"
|
|
61
|
+
[color]="'#F2724B'"
|
|
62
|
+
>
|
|
63
|
+
</td-chart-series>
|
|
64
|
+
</td-chart>
|
|
65
|
+
```
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { TdChartOptionsService, TdCoordinateSystem, ITdItemStyle, ITdEmphasis, TdSeriesLayoutBy, ITdMarkPoint, ITdMarkLine, ITdMarkArea, ITdSeries, ITdLabel, TdProgressiveChunkMode, TdSeriesDirective } from '@covalent/echarts/base';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export interface ITdBarSeries extends ITdSeries {
|
|
4
|
+
legendHoverLink?: boolean;
|
|
5
|
+
coordinateSystem?: TdCoordinateSystem;
|
|
6
|
+
xAxisIndex?: number;
|
|
7
|
+
yAxisIndex?: number;
|
|
8
|
+
Label?: ITdLabel;
|
|
9
|
+
itemStyle?: ITdItemStyle;
|
|
10
|
+
emphasis?: ITdEmphasis;
|
|
11
|
+
stack?: string;
|
|
12
|
+
cursor?: string;
|
|
13
|
+
barWidth?: number | string;
|
|
14
|
+
barMaxWidth?: number | string;
|
|
15
|
+
barMinHeight?: number;
|
|
16
|
+
barGap?: string;
|
|
17
|
+
barCategoryGap?: string;
|
|
18
|
+
large?: boolean;
|
|
19
|
+
largeThreshold?: number;
|
|
20
|
+
progressive?: number;
|
|
21
|
+
progressiveThreshold?: number;
|
|
22
|
+
progressiveChunkMode?: TdProgressiveChunkMode;
|
|
23
|
+
dimensions?: any[];
|
|
24
|
+
encode?: any;
|
|
25
|
+
seriesLayoutBy?: TdSeriesLayoutBy;
|
|
26
|
+
datasetIndex?: number;
|
|
27
|
+
data?: any[];
|
|
28
|
+
markPoint?: ITdMarkPoint;
|
|
29
|
+
markLine?: ITdMarkLine;
|
|
30
|
+
markArea?: ITdMarkArea;
|
|
31
|
+
Zlevel?: 0;
|
|
32
|
+
z?: number;
|
|
33
|
+
silent?: boolean;
|
|
34
|
+
}
|
|
35
|
+
export declare class TdChartSeriesBarComponent extends TdSeriesDirective implements ITdBarSeries {
|
|
36
|
+
coordinateSystem?: TdCoordinateSystem;
|
|
37
|
+
xAxisIndex?: number;
|
|
38
|
+
yAxisIndex?: number;
|
|
39
|
+
legendHoverLink?: boolean;
|
|
40
|
+
stack?: string;
|
|
41
|
+
cursor?: string;
|
|
42
|
+
label?: any;
|
|
43
|
+
itemStyle?: ITdItemStyle;
|
|
44
|
+
emphasis?: ITdEmphasis;
|
|
45
|
+
barWidth?: number;
|
|
46
|
+
barMaxWidth?: number;
|
|
47
|
+
barMinHeight?: number;
|
|
48
|
+
barGap?: string;
|
|
49
|
+
barCategoryGap?: string;
|
|
50
|
+
large?: boolean;
|
|
51
|
+
largeThreshold?: number;
|
|
52
|
+
progressive?: number;
|
|
53
|
+
progressiveThreshold?: number;
|
|
54
|
+
progressiveChunkMode?: TdProgressiveChunkMode;
|
|
55
|
+
dimensions?: any[];
|
|
56
|
+
encode: any;
|
|
57
|
+
seriesLayoutBy?: TdSeriesLayoutBy;
|
|
58
|
+
datasetIndex?: number;
|
|
59
|
+
markPoint?: ITdMarkPoint;
|
|
60
|
+
markLine?: ITdMarkLine;
|
|
61
|
+
markArea?: ITdMarkArea;
|
|
62
|
+
zlevel?: number;
|
|
63
|
+
z?: number;
|
|
64
|
+
constructor(_optionsService: TdChartOptionsService);
|
|
65
|
+
getConfig(): any;
|
|
66
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesBarComponent, never>;
|
|
67
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesBarComponent, "td-chart-series[td-bar]", 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"; "legendHoverLink": "legendHoverLink"; "stack": "stack"; "cursor": "cursor"; "label": "label"; "itemStyle": "itemStyle"; "emphasis": "emphasis"; "barWidth": "barWidth"; "barMaxWidth": "barMaxWidth"; "barMinHeight": "barMinHeight"; "barGap": "barGap"; "barCategoryGap": "barCategoryGap"; "large": "large"; "largeThreshold": "largeThreshold"; "progressive": "progressive"; "progressiveThreshold": "progressiveThreshold"; "progressiveChunkMode": "progressiveChunkMode"; "dimensions": "dimensions"; "encode": "encode"; "seriesLayoutBy": "seriesLayoutBy"; "datasetIndex": "datasetIndex"; "markPoint": "markPoint"; "markLine": "markLine"; "markArea": "markArea"; "zlevel": "zlevel"; "z": "z"; }, {}, never, never>;
|
|
68
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Type } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./bar.component";
|
|
4
|
+
import * as i2 from "@angular/common";
|
|
5
|
+
export declare const BAR_MODULE_COMPONENTS: Type<any>[];
|
|
6
|
+
export declare class CovalentBarEchartsModule {
|
|
7
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentBarEchartsModule, never>;
|
|
8
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentBarEchartsModule, [typeof i1.TdChartSeriesBarComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesBarComponent]>;
|
|
9
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentBarEchartsModule>;
|
|
10
|
+
}
|
package/bar/package.json
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
{
|
|
2
|
+
"module": "../fesm2015/covalent-echarts-bar.mjs",
|
|
3
|
+
"es2020": "../fesm2020/covalent-echarts-bar.mjs",
|
|
4
|
+
"esm2020": "../esm2020/bar/covalent-echarts-bar.mjs",
|
|
5
|
+
"fesm2020": "../fesm2020/covalent-echarts-bar.mjs",
|
|
6
|
+
"fesm2015": "../fesm2015/covalent-echarts-bar.mjs",
|
|
7
|
+
"typings": "covalent-echarts-bar.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"name": "@covalent/echarts/bar"
|
|
10
|
+
}
|
package/base/README.md
ADDED
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
# td-chart
|
|
2
|
+
|
|
3
|
+
`td-chart` element is the base component that instantiates an echarts object to facilitate its usage.
|
|
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
|
+
- themeName?: string
|
|
13
|
+
- theme to be applied into chart instance
|
|
14
|
+
- renderer?: 'svg' | 'canvas'
|
|
15
|
+
- sets the rendering mode for the chart.
|
|
16
|
+
- defaults to 'canvas'
|
|
17
|
+
- group?: string
|
|
18
|
+
- group name in which the chart instance will be connected to
|
|
19
|
+
|
|
20
|
+
#### Outputs
|
|
21
|
+
|
|
22
|
+
- chartClick
|
|
23
|
+
- event thrown when a chart element has been clicked.
|
|
24
|
+
- chartDblclick
|
|
25
|
+
- event thrown when a chart element has been double clicked.
|
|
26
|
+
- chartContextmenu
|
|
27
|
+
- event thrown when a chart element has been right-clicked.
|
|
28
|
+
|
|
29
|
+
## Setup
|
|
30
|
+
|
|
31
|
+
Import the [CovalentBaseEchartsModule] in your NgModule:
|
|
32
|
+
|
|
33
|
+
```typescript
|
|
34
|
+
import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
|
|
35
|
+
@NgModule({
|
|
36
|
+
imports: [
|
|
37
|
+
CovalentBaseEchartsModule,
|
|
38
|
+
...
|
|
39
|
+
],
|
|
40
|
+
...
|
|
41
|
+
})
|
|
42
|
+
export class MyModule {}
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
## Usage
|
|
46
|
+
|
|
47
|
+
```html
|
|
48
|
+
<td-chart
|
|
49
|
+
[style.height.px]="300"
|
|
50
|
+
[config]="{...}"
|
|
51
|
+
[themeName]="'light'"
|
|
52
|
+
[renderer]="'canvas'"
|
|
53
|
+
[group]="'group1'"
|
|
54
|
+
(chartClick)="doSomething()"
|
|
55
|
+
(chartDblclick)="doSomething()"
|
|
56
|
+
(chartContextmenu)="doSomething()"
|
|
57
|
+
>
|
|
58
|
+
</td-chart>
|
|
59
|
+
```
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { OnChanges, OnInit, OnDestroy } from '@angular/core';
|
|
2
|
+
import { TdChartOptionsService } from '../chart-options.service';
|
|
3
|
+
import { ITdAxisLine, ITdAxisLabel, ITdAxisTick, ITdSplitLine, ITdSplitArea, ITdAxisPointer, TdAxisType, TdNameLocation, TdXAxisPosition, TdYAxisPosition } from './axis.interface';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare abstract class TdChartAxisDirective implements OnChanges, OnInit, OnDestroy {
|
|
6
|
+
private _axisOption;
|
|
7
|
+
private _optionsService;
|
|
8
|
+
private _state;
|
|
9
|
+
config: any;
|
|
10
|
+
id?: string;
|
|
11
|
+
show?: boolean;
|
|
12
|
+
gridIndex?: number;
|
|
13
|
+
offset?: number;
|
|
14
|
+
abstract position: TdXAxisPosition | TdYAxisPosition;
|
|
15
|
+
type?: TdAxisType;
|
|
16
|
+
name?: string;
|
|
17
|
+
nameLocation?: TdNameLocation;
|
|
18
|
+
nameTextStyle?: any;
|
|
19
|
+
nameGap?: number;
|
|
20
|
+
nameRotate?: number;
|
|
21
|
+
inverse?: boolean;
|
|
22
|
+
boundaryGap?: boolean | string[];
|
|
23
|
+
min?: string | number;
|
|
24
|
+
max?: string | number;
|
|
25
|
+
scale?: boolean;
|
|
26
|
+
minInterval?: number;
|
|
27
|
+
interval?: number;
|
|
28
|
+
logBase?: number;
|
|
29
|
+
silent?: boolean;
|
|
30
|
+
triggerEvent?: boolean;
|
|
31
|
+
axisLine?: ITdAxisLine;
|
|
32
|
+
axisTick?: ITdAxisTick;
|
|
33
|
+
axisLabel?: ITdAxisLabel;
|
|
34
|
+
splitLine?: ITdSplitLine;
|
|
35
|
+
splitArea?: ITdSplitArea;
|
|
36
|
+
data?: any;
|
|
37
|
+
axisPointer?: ITdAxisPointer;
|
|
38
|
+
zlevel?: number;
|
|
39
|
+
z?: number;
|
|
40
|
+
constructor(_axisOption: string, _optionsService: TdChartOptionsService);
|
|
41
|
+
ngOnInit(): void;
|
|
42
|
+
ngOnChanges(): void;
|
|
43
|
+
ngOnDestroy(): void;
|
|
44
|
+
private _setOptions;
|
|
45
|
+
private _removeOption;
|
|
46
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartAxisDirective, never>;
|
|
47
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<TdChartAxisDirective, never, never, { "config": "config"; "id": "id"; "show": "show"; "gridIndex": "gridIndex"; "offset": "offset"; "type": "type"; "name": "name"; "nameLocation": "nameLocation"; "nameTextStyle": "nameTextStyle"; "nameGap": "nameGap"; "nameRotate": "nameRotate"; "inverse": "inverse"; "boundaryGap": "boundaryGap"; "min": "min"; "max": "max"; "scale": "scale"; "minInterval": "minInterval"; "interval": "interval"; "logBase": "logBase"; "silent": "silent"; "triggerEvent": "triggerEvent"; "axisLine": "axisLine"; "axisTick": "axisTick"; "axisLabel": "axisLabel"; "splitLine": "splitLine"; "splitArea": "splitArea"; "data": "data"; "axisPointer": "axisPointer"; "zlevel": "zlevel"; "z": "z"; }, {}, never>;
|
|
48
|
+
}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { TdAlign, TdVerticalAlign, TdPointerType, TdStatus, ITdLineStyle, TdLineType, ITdTextStyle, ITdAxisPointerLabel, ITdBaseStyle, ITdShadow, ITdTextShadow, ITdFont } from '../base.types';
|
|
2
|
+
export interface ITdNameTextStyle extends ITdShadow, ITdTextShadow, ITdFont {
|
|
3
|
+
color?: string | any;
|
|
4
|
+
align?: TdAlign;
|
|
5
|
+
verticalAlign?: TdVerticalAlign;
|
|
6
|
+
lineHeight?: number;
|
|
7
|
+
backgroundColor?: string | any;
|
|
8
|
+
borderColor?: string;
|
|
9
|
+
borderWidth?: number;
|
|
10
|
+
borderRadius?: number;
|
|
11
|
+
padding?: number | number[];
|
|
12
|
+
width?: number | string;
|
|
13
|
+
height?: number | string;
|
|
14
|
+
textBorderColor?: string;
|
|
15
|
+
textBorderWidth?: number;
|
|
16
|
+
/**
|
|
17
|
+
* used to define rish text styles
|
|
18
|
+
* https://ecomfe.github.io/echarts-doc/public/en/tutorial.html#Rich%20Text
|
|
19
|
+
*/
|
|
20
|
+
rich: any;
|
|
21
|
+
}
|
|
22
|
+
export interface ITdAxisLine {
|
|
23
|
+
show: boolean;
|
|
24
|
+
onZero?: boolean;
|
|
25
|
+
onZeroAxisIndex?: number;
|
|
26
|
+
symbol?: 'none' | 'arrow' | string[];
|
|
27
|
+
symbolSize?: number[];
|
|
28
|
+
symbolOffset?: number | number[];
|
|
29
|
+
lineStyle?: ITdLineStyle;
|
|
30
|
+
}
|
|
31
|
+
export interface ITdAxisTick {
|
|
32
|
+
show?: boolean;
|
|
33
|
+
alignWithLabel?: boolean;
|
|
34
|
+
interval?: number | Function;
|
|
35
|
+
inside?: boolean;
|
|
36
|
+
length?: number;
|
|
37
|
+
lineStyle?: ITdLineStyle;
|
|
38
|
+
}
|
|
39
|
+
export interface ITdAxisLabel extends ITdShadow, ITdTextShadow, ITdFont {
|
|
40
|
+
show?: boolean;
|
|
41
|
+
interval?: number | Function;
|
|
42
|
+
inside?: boolean;
|
|
43
|
+
rotate?: number;
|
|
44
|
+
margin?: number;
|
|
45
|
+
formatter?: string | Function;
|
|
46
|
+
showMinLabel?: boolean;
|
|
47
|
+
showMaxLabel?: boolean;
|
|
48
|
+
color?: string | Function;
|
|
49
|
+
align?: TdAlign;
|
|
50
|
+
verticalAlign?: TdVerticalAlign;
|
|
51
|
+
lineHeight?: number;
|
|
52
|
+
backgroundColor?: string | object;
|
|
53
|
+
borderColor?: string | object;
|
|
54
|
+
borderWidth?: number;
|
|
55
|
+
borderRadius?: number;
|
|
56
|
+
padding?: number;
|
|
57
|
+
width?: number | string;
|
|
58
|
+
height?: number | string;
|
|
59
|
+
textBorderColor?: string | object;
|
|
60
|
+
textBorderWidth?: number;
|
|
61
|
+
}
|
|
62
|
+
export interface ITdSplitLine {
|
|
63
|
+
type?: TdLineType;
|
|
64
|
+
show?: boolean;
|
|
65
|
+
interval?: any;
|
|
66
|
+
lineStyle?: ITdLineStyle;
|
|
67
|
+
}
|
|
68
|
+
export interface ITdSplitArea {
|
|
69
|
+
show?: boolean;
|
|
70
|
+
interval?: any;
|
|
71
|
+
areaStyle?: ITdBaseStyle;
|
|
72
|
+
}
|
|
73
|
+
export interface ITdAxisPointer {
|
|
74
|
+
show?: boolean;
|
|
75
|
+
type?: TdPointerType;
|
|
76
|
+
snap?: boolean;
|
|
77
|
+
z?: number;
|
|
78
|
+
label?: ITdAxisPointerLabel;
|
|
79
|
+
lineStyle?: ITdLineStyle;
|
|
80
|
+
shadowStyle?: ITdBaseStyle;
|
|
81
|
+
triggerTooltip?: boolean;
|
|
82
|
+
value?: number;
|
|
83
|
+
status?: TdStatus;
|
|
84
|
+
handle?: any;
|
|
85
|
+
}
|
|
86
|
+
export interface ITdXAxisConfig {
|
|
87
|
+
id?: string;
|
|
88
|
+
show?: boolean;
|
|
89
|
+
gridIndex?: number;
|
|
90
|
+
position?: TdXAxisPosition;
|
|
91
|
+
offset?: number;
|
|
92
|
+
type?: TdAxisType;
|
|
93
|
+
name?: string;
|
|
94
|
+
nameLocation?: TdNameLocation;
|
|
95
|
+
nameTextStyle?: ITdTextStyle;
|
|
96
|
+
nameGap?: number;
|
|
97
|
+
nameRotate?: number;
|
|
98
|
+
inverse?: boolean;
|
|
99
|
+
boundaryGap?: boolean | any[];
|
|
100
|
+
min?: number | string | Function;
|
|
101
|
+
max?: number | string;
|
|
102
|
+
scale?: boolean;
|
|
103
|
+
splitNumber?: number;
|
|
104
|
+
minInterval?: number;
|
|
105
|
+
maxInterval?: number;
|
|
106
|
+
interval?: number;
|
|
107
|
+
logBase?: number;
|
|
108
|
+
silent?: false;
|
|
109
|
+
triggerEvent?: boolean;
|
|
110
|
+
axisLine?: ITdAxisLine;
|
|
111
|
+
axisTick?: ITdAxisTick;
|
|
112
|
+
axisLabel?: ITdAxisLabel;
|
|
113
|
+
splitLine?: ITdSplitLine;
|
|
114
|
+
splitArea?: ITdSplitArea;
|
|
115
|
+
data?: any[];
|
|
116
|
+
axisPointer?: ITdAxisPointer;
|
|
117
|
+
zlevel?: number;
|
|
118
|
+
z?: number;
|
|
119
|
+
}
|
|
120
|
+
export interface ITdYAxisConfig {
|
|
121
|
+
id?: string;
|
|
122
|
+
show?: boolean;
|
|
123
|
+
gridIndex?: number;
|
|
124
|
+
position?: TdYAxisPosition;
|
|
125
|
+
offset?: number;
|
|
126
|
+
type?: TdAxisType;
|
|
127
|
+
name?: string;
|
|
128
|
+
nameLocation?: TdNameLocation;
|
|
129
|
+
nameTextStyle?: ITdTextStyle;
|
|
130
|
+
nameGap?: number;
|
|
131
|
+
nameRotate?: number;
|
|
132
|
+
inverse?: boolean;
|
|
133
|
+
boundaryGap?: boolean | any[];
|
|
134
|
+
min?: number | string | Function;
|
|
135
|
+
max?: number | string;
|
|
136
|
+
scale?: boolean;
|
|
137
|
+
splitNumber?: number;
|
|
138
|
+
minInterval?: number;
|
|
139
|
+
maxInterval?: number;
|
|
140
|
+
interval?: number;
|
|
141
|
+
logBase?: number;
|
|
142
|
+
silent?: false;
|
|
143
|
+
triggerEvent?: boolean;
|
|
144
|
+
axisLine?: ITdAxisLine;
|
|
145
|
+
axisTick?: ITdAxisTick;
|
|
146
|
+
axisLabel?: ITdAxisLabel;
|
|
147
|
+
splitLine?: ITdSplitLine;
|
|
148
|
+
splitArea?: ITdSplitArea;
|
|
149
|
+
data?: any[];
|
|
150
|
+
axisPointer?: ITdAxisPointer;
|
|
151
|
+
zlevel?: number;
|
|
152
|
+
z?: number;
|
|
153
|
+
}
|
|
154
|
+
export declare type TdNameLocation = 'start' | 'middle' | 'center' | 'end';
|
|
155
|
+
export declare type TdAxisType = 'value' | 'category' | 'time' | 'log';
|
|
156
|
+
export declare type TdYAxisPosition = 'left' | 'right';
|
|
157
|
+
export declare type TdXAxisPosition = 'top' | 'bottom';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TdChartOptionsService } from '../chart-options.service';
|
|
2
|
+
import { TdXAxisPosition } from './axis.interface';
|
|
3
|
+
import { TdChartAxisDirective } from './axis.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TdChartXAxisComponent extends TdChartAxisDirective {
|
|
6
|
+
position: TdXAxisPosition;
|
|
7
|
+
constructor(_optionsService: TdChartOptionsService);
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartXAxisComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdChartXAxisComponent, "td-chart-x-axis", never, { "config": "config"; "id": "id"; "show": "show"; "gridIndex": "gridIndex"; "offset": "offset"; "type": "type"; "name": "name"; "nameLocation": "nameLocation"; "nameTextStyle": "nameTextStyle"; "nameGap": "nameGap"; "nameRotate": "nameRotate"; "inverse": "inverse"; "boundaryGap": "boundaryGap"; "min": "min"; "max": "max"; "scale": "scale"; "minInterval": "minInterval"; "interval": "interval"; "logBase": "logBase"; "silent": "silent"; "triggerEvent": "triggerEvent"; "axisLine": "axisLine"; "axisTick": "axisTick"; "axisLabel": "axisLabel"; "splitLine": "splitLine"; "splitArea": "splitArea"; "data": "data"; "axisPointer": "axisPointer"; "zlevel": "zlevel"; "z": "z"; "position": "position"; }, {}, never, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { TdChartOptionsService } from '../chart-options.service';
|
|
2
|
+
import { TdYAxisPosition } from './axis.interface';
|
|
3
|
+
import { TdChartAxisDirective } from './axis.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class TdChartYAxisComponent extends TdChartAxisDirective {
|
|
6
|
+
position: TdYAxisPosition;
|
|
7
|
+
constructor(_optionsService: TdChartOptionsService);
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartYAxisComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TdChartYAxisComponent, "td-chart-y-axis", never, { "config": "config"; "id": "id"; "show": "show"; "gridIndex": "gridIndex"; "offset": "offset"; "type": "type"; "name": "name"; "nameLocation": "nameLocation"; "nameTextStyle": "nameTextStyle"; "nameGap": "nameGap"; "nameRotate": "nameRotate"; "inverse": "inverse"; "boundaryGap": "boundaryGap"; "min": "min"; "max": "max"; "scale": "scale"; "minInterval": "minInterval"; "interval": "interval"; "logBase": "logBase"; "silent": "silent"; "triggerEvent": "triggerEvent"; "axisLine": "axisLine"; "axisTick": "axisTick"; "axisLabel": "axisLabel"; "splitLine": "splitLine"; "splitArea": "splitArea"; "data": "data"; "axisPointer": "axisPointer"; "zlevel": "zlevel"; "z": "z"; "position": "position"; }, {}, never, never>;
|
|
10
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Type } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "./chart.component";
|
|
4
|
+
import * as i2 from "./axis/x-axis.component";
|
|
5
|
+
import * as i3 from "./axis/y-axis.component";
|
|
6
|
+
import * as i4 from "./dataset/dataset.component";
|
|
7
|
+
import * as i5 from "@angular/common";
|
|
8
|
+
export declare const BASE_MODULE_COMPONENTS: Type<any>[];
|
|
9
|
+
export declare class CovalentBaseEchartsModule {
|
|
10
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CovalentBaseEchartsModule, never>;
|
|
11
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentBaseEchartsModule, [typeof i1.TdChartComponent, typeof i2.TdChartXAxisComponent, typeof i3.TdChartYAxisComponent, typeof i4.TdDatasetComponent], [typeof i5.CommonModule], [typeof i1.TdChartComponent, typeof i2.TdChartXAxisComponent, typeof i3.TdChartYAxisComponent, typeof i4.TdDatasetComponent]>;
|
|
12
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<CovalentBaseEchartsModule>;
|
|
13
|
+
}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
export interface ITdShadow {
|
|
2
|
+
shadowBlur?: number;
|
|
3
|
+
shadowColor?: any;
|
|
4
|
+
shadowOffsetX?: number;
|
|
5
|
+
shadowOffsetY?: number;
|
|
6
|
+
}
|
|
7
|
+
export interface ITdLineStyle extends ITdShadow {
|
|
8
|
+
color?: any;
|
|
9
|
+
width?: number;
|
|
10
|
+
type?: TdLineType;
|
|
11
|
+
opacity?: number;
|
|
12
|
+
}
|
|
13
|
+
export interface ITdLineCurveStyle extends ITdLineStyle {
|
|
14
|
+
curveness?: number;
|
|
15
|
+
emphasis?: ITdLineStyle;
|
|
16
|
+
}
|
|
17
|
+
export interface ITdAnimation {
|
|
18
|
+
animation?: boolean;
|
|
19
|
+
animationThreshold?: number;
|
|
20
|
+
animationDuration?: number | Function;
|
|
21
|
+
animationEasing?: string;
|
|
22
|
+
animationDelay?: number | Function;
|
|
23
|
+
animationDurationUpdate?: number | Function;
|
|
24
|
+
animationEasingUpdate?: string;
|
|
25
|
+
animationDelayUpdate?: number | Function;
|
|
26
|
+
}
|
|
27
|
+
export interface ITdTextShadow {
|
|
28
|
+
textShadowColor?: string;
|
|
29
|
+
textShadowBlur?: number;
|
|
30
|
+
textShadowOffsetX?: number;
|
|
31
|
+
textShadowOffsetY?: number;
|
|
32
|
+
}
|
|
33
|
+
export interface ITdFont {
|
|
34
|
+
fontStyle?: TdFontStyle;
|
|
35
|
+
fontWeight?: TdFontWeight;
|
|
36
|
+
fontFamily?: string;
|
|
37
|
+
fontSize?: number;
|
|
38
|
+
}
|
|
39
|
+
export interface ITdTooltip {
|
|
40
|
+
show?: boolean;
|
|
41
|
+
trigger?: TdTooltipTrigger;
|
|
42
|
+
axisPointer?: ITdTooltipAxisPointer;
|
|
43
|
+
showContent?: boolean;
|
|
44
|
+
alwaysShowContent?: boolean;
|
|
45
|
+
triggerOn?: TdTooltipTriggerOn;
|
|
46
|
+
showDelay?: number;
|
|
47
|
+
hideDelay?: number;
|
|
48
|
+
enterable?: boolean;
|
|
49
|
+
renderMode?: 'html' | 'richText';
|
|
50
|
+
confine?: boolean;
|
|
51
|
+
transitionDuration?: number;
|
|
52
|
+
position?: string | any[] | Function;
|
|
53
|
+
formatter?: string | Function;
|
|
54
|
+
backgroundColor?: string;
|
|
55
|
+
borderColor?: string;
|
|
56
|
+
borderWidth?: number;
|
|
57
|
+
padding?: number;
|
|
58
|
+
textStyle?: ITdTextStyle;
|
|
59
|
+
extraCssText?: string;
|
|
60
|
+
}
|
|
61
|
+
export interface ITdTooltipAxisPointer {
|
|
62
|
+
type?: TdAxisPointerType;
|
|
63
|
+
axis?: TdAxisPointerAxis;
|
|
64
|
+
snap?: boolean;
|
|
65
|
+
z?: number;
|
|
66
|
+
label?: ITdAxisPointerLabel;
|
|
67
|
+
lineStyle?: ITdLineStyle;
|
|
68
|
+
shadowStyle?: ITdBaseStyle;
|
|
69
|
+
crossStyle?: ITdLineStyle;
|
|
70
|
+
}
|
|
71
|
+
export interface ITdBaseStyle extends ITdShadow {
|
|
72
|
+
color?: any;
|
|
73
|
+
opacity?: number;
|
|
74
|
+
}
|
|
75
|
+
export interface ITdTextStyle extends ITdTextShadow, ITdFont {
|
|
76
|
+
color?: string | object;
|
|
77
|
+
lineHeight?: number;
|
|
78
|
+
width?: number | string;
|
|
79
|
+
height?: number | string;
|
|
80
|
+
textBorderColor?: string;
|
|
81
|
+
textBorderWidth?: number;
|
|
82
|
+
rich?: object;
|
|
83
|
+
}
|
|
84
|
+
export interface ITdEdgeLabel extends ITdShadow, ITdTextShadow, ITdFont {
|
|
85
|
+
show?: boolean;
|
|
86
|
+
position?: TdLabelPosition;
|
|
87
|
+
rotate?: number;
|
|
88
|
+
offset?: number[];
|
|
89
|
+
formatter?: any | Function;
|
|
90
|
+
color?: any;
|
|
91
|
+
align?: TdAlign;
|
|
92
|
+
verticalAlign?: TdVerticalAlign;
|
|
93
|
+
lineHeight?: number;
|
|
94
|
+
backgroundColor?: string | object;
|
|
95
|
+
borderColor?: string;
|
|
96
|
+
borderWidth?: number;
|
|
97
|
+
borderRadius?: number;
|
|
98
|
+
padding?: number;
|
|
99
|
+
width?: number | string;
|
|
100
|
+
height?: number | string;
|
|
101
|
+
textBorderColor?: string;
|
|
102
|
+
textBorderWidth?: number;
|
|
103
|
+
rich?: any;
|
|
104
|
+
}
|
|
105
|
+
export interface ITdLabel extends ITdEdgeLabel, ITdShadow, ITdTextShadow, ITdFont {
|
|
106
|
+
distance?: number;
|
|
107
|
+
}
|
|
108
|
+
export interface ITdAxisPointerLabel extends ITdShadow, ITdTextShadow, ITdFont {
|
|
109
|
+
show?: boolean;
|
|
110
|
+
precision?: string | number;
|
|
111
|
+
formatter?: string | Function;
|
|
112
|
+
margin?: number;
|
|
113
|
+
color?: any;
|
|
114
|
+
lineHeight?: number;
|
|
115
|
+
width?: number | string;
|
|
116
|
+
height?: number | string;
|
|
117
|
+
textBorderColor?: string;
|
|
118
|
+
textBorderWidth?: number;
|
|
119
|
+
padding?: number | number[];
|
|
120
|
+
backgroundColor?: string;
|
|
121
|
+
borderColor?: string;
|
|
122
|
+
borderWidth?: number;
|
|
123
|
+
}
|
|
124
|
+
export declare type TdAxisPointerAxis = 'x' | 'y' | 'radius' | 'angle';
|
|
125
|
+
export declare type TdTooltipTrigger = 'item' | 'axis' | 'none';
|
|
126
|
+
export declare type TdTooltipTriggerOn = 'mousemove' | 'click' | 'none' | 'mousemove|click';
|
|
127
|
+
export declare type TdAxisPointerType = 'line' | 'shadow' | 'cross';
|
|
128
|
+
export declare type TdLabelPosition = 'top' | 'left' | 'right' | 'bottom' | 'inside' | 'insideLeft' | 'insideRight' | 'insideTop' | 'insideBottom' | 'insideTopLeft' | 'insideBottomLeft' | 'insideTopRight' | 'insideBottomRight' | string[];
|
|
129
|
+
export declare type TdTextPosition = 'left' | 'right' | 'top' | 'bottom';
|
|
130
|
+
export declare type TdAlign = 'left' | 'center' | 'right';
|
|
131
|
+
export declare type TdTextAlign = 'left' | 'right';
|
|
132
|
+
export declare type TdLineType = 'solid' | 'dashed' | 'dotted';
|
|
133
|
+
export declare type TdAreaOrigin = 'auto' | 'start' | 'end';
|
|
134
|
+
export declare type TdLineLabelPosition = 'middle' | 'start' | 'end';
|
|
135
|
+
export declare type TdTooltipPosition = 'inside' | 'top' | 'left' | 'right' | 'bottom' | string[] | number[] | Function;
|
|
136
|
+
export declare type TdFontWeight = 'normal' | 'bold' | 'bolder' | 'lighter' | number;
|
|
137
|
+
export declare type TdVerticalAlign = 'top' | 'middle' | 'bottom' | 'center';
|
|
138
|
+
export declare type TdPointerType = 'line' | 'shadow';
|
|
139
|
+
export declare type TdFontStyle = 'normal' | 'italic' | 'oblique';
|
|
140
|
+
export declare type TdStatus = 'show' | 'hide';
|
|
141
|
+
export declare type TdMarkPointSymbol = 'circle' | 'rect' | 'roundRect' | 'triangle' | 'diamond' | 'pin' | 'arrow' | 'none';
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Provider } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class TdChartOptionsService {
|
|
5
|
+
private _options;
|
|
6
|
+
private _optionsSubject;
|
|
7
|
+
setOption(option: string, value: any): void;
|
|
8
|
+
setArrayOption(option: string, value: any): any;
|
|
9
|
+
removeArrayOption(option: string, value: any): any;
|
|
10
|
+
getOption(option: string): any[];
|
|
11
|
+
clearOption(option: string): void;
|
|
12
|
+
listen(): Observable<any>;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TdChartOptionsService, never>;
|
|
14
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<TdChartOptionsService>;
|
|
15
|
+
}
|
|
16
|
+
export declare function CHART_PROVIDER_FACTORY(parent: TdChartOptionsService): TdChartOptionsService;
|
|
17
|
+
export declare const CHART_PROVIDER: Provider;
|