@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.
Files changed (238) hide show
  1. package/README.md +7 -0
  2. package/bar/README.md +65 -0
  3. package/bar/bar.component.d.ts +68 -0
  4. package/bar/bar.module.d.ts +10 -0
  5. package/bar/covalent-echarts-bar.d.ts +5 -0
  6. package/bar/package.json +10 -0
  7. package/bar/public_api.d.ts +2 -0
  8. package/base/README.md +59 -0
  9. package/base/axis/axis.component.d.ts +48 -0
  10. package/base/axis/axis.interface.d.ts +157 -0
  11. package/base/axis/x-axis.component.d.ts +10 -0
  12. package/base/axis/y-axis.component.d.ts +10 -0
  13. package/base/base.module.d.ts +13 -0
  14. package/base/base.types.d.ts +141 -0
  15. package/base/chart-options.service.d.ts +17 -0
  16. package/base/chart.component.d.ts +60 -0
  17. package/base/covalent-echarts-base.d.ts +5 -0
  18. package/base/dataset/dataset.component.d.ts +19 -0
  19. package/base/package.json +10 -0
  20. package/base/public_api.d.ts +12 -0
  21. package/base/series/series.component.d.ts +44 -0
  22. package/base/series/series.interface.d.ts +84 -0
  23. package/base/src/axis/README.md +58 -0
  24. package/base/src/dataset/README.md +80 -0
  25. package/base/themes/aqua-splash.d.ts +459 -0
  26. package/base/themes/california-coast.d.ts +459 -0
  27. package/base/themes/hawaiian-sunrise.d.ts +459 -0
  28. package/base/themes/passion-flower.d.ts +459 -0
  29. package/base/themes/razzleberry-pie.d.ts +459 -0
  30. package/base/themes/teradata-classic.d.ts +459 -0
  31. package/base/themes/teradata-default.d.ts +459 -0
  32. package/base/themes/urban-sunrise.d.ts +459 -0
  33. package/base/themes/volcanic-eruption.d.ts +459 -0
  34. package/base/utils/assign-defined.d.ts +1 -0
  35. package/base/utils/echarts.d.ts +15 -0
  36. package/base/utils/index.d.ts +2 -0
  37. package/covalent-echarts.d.ts +5 -0
  38. package/esm2020/bar/bar.component.mjs +135 -0
  39. package/esm2020/bar/bar.module.mjs +19 -0
  40. package/esm2020/bar/covalent-echarts-bar.mjs +5 -0
  41. package/esm2020/bar/public_api.mjs +3 -0
  42. package/esm2020/base/axis/axis.component.mjs +127 -0
  43. package/esm2020/base/axis/axis.interface.mjs +2 -0
  44. package/esm2020/base/axis/x-axis.component.mjs +55 -0
  45. package/esm2020/base/axis/y-axis.component.mjs +55 -0
  46. package/esm2020/base/base.module.mjs +35 -0
  47. package/esm2020/base/base.types.mjs +2 -0
  48. package/esm2020/base/chart-options.service.mjs +65 -0
  49. package/esm2020/base/chart.component.mjs +195 -0
  50. package/esm2020/base/covalent-echarts-base.mjs +5 -0
  51. package/esm2020/base/dataset/dataset.component.mjs +52 -0
  52. package/esm2020/base/public_api.mjs +10 -0
  53. package/esm2020/base/series/series.component.mjs +91 -0
  54. package/esm2020/base/series/series.interface.mjs +2 -0
  55. package/esm2020/base/themes/aqua-splash.mjs +487 -0
  56. package/esm2020/base/themes/california-coast.mjs +460 -0
  57. package/esm2020/base/themes/hawaiian-sunrise.mjs +460 -0
  58. package/esm2020/base/themes/passion-flower.mjs +460 -0
  59. package/esm2020/base/themes/razzleberry-pie.mjs +487 -0
  60. package/esm2020/base/themes/teradata-classic.mjs +487 -0
  61. package/esm2020/base/themes/teradata-default.mjs +460 -0
  62. package/esm2020/base/themes/urban-sunrise.mjs +460 -0
  63. package/esm2020/base/themes/volcanic-eruption.mjs +460 -0
  64. package/esm2020/base/utils/assign-defined.mjs +25 -0
  65. package/esm2020/base/utils/echarts.mjs +49 -0
  66. package/esm2020/base/utils/index.mjs +3 -0
  67. package/esm2020/covalent-echarts.mjs +5 -0
  68. package/esm2020/graph/covalent-echarts-graph.mjs +5 -0
  69. package/esm2020/graph/graph.component.mjs +185 -0
  70. package/esm2020/graph/graph.module.mjs +21 -0
  71. package/esm2020/graph/public_api.mjs +3 -0
  72. package/esm2020/line/covalent-echarts-line.mjs +5 -0
  73. package/esm2020/line/line.component.mjs +159 -0
  74. package/esm2020/line/line.module.mjs +19 -0
  75. package/esm2020/line/public_api.mjs +3 -0
  76. package/esm2020/map/covalent-echarts-map.mjs +5 -0
  77. package/esm2020/map/map.component.mjs +132 -0
  78. package/esm2020/map/map.module.mjs +19 -0
  79. package/esm2020/map/public_api.mjs +3 -0
  80. package/esm2020/pie/covalent-echarts-pie.mjs +5 -0
  81. package/esm2020/pie/pie.component.mjs +127 -0
  82. package/esm2020/pie/pie.module.mjs +19 -0
  83. package/esm2020/pie/public_api.mjs +3 -0
  84. package/esm2020/public_api.mjs +2 -0
  85. package/esm2020/sankey/covalent-echarts-sankey.mjs +5 -0
  86. package/esm2020/sankey/public_api.mjs +3 -0
  87. package/esm2020/sankey/sankey.component.mjs +117 -0
  88. package/esm2020/sankey/sankey.module.mjs +21 -0
  89. package/esm2020/scatter/covalent-echarts-scatter.mjs +5 -0
  90. package/esm2020/scatter/public_api.mjs +3 -0
  91. package/esm2020/scatter/scatter.component.mjs +144 -0
  92. package/esm2020/scatter/scatter.module.mjs +21 -0
  93. package/esm2020/toolbox/covalent-echarts-toolbox.mjs +5 -0
  94. package/esm2020/toolbox/public_api.mjs +3 -0
  95. package/esm2020/toolbox/toolbox.component.mjs +135 -0
  96. package/esm2020/toolbox/toolbox.module.mjs +24 -0
  97. package/esm2020/tooltip/covalent-echarts-tooltip.mjs +5 -0
  98. package/esm2020/tooltip/public_api.mjs +4 -0
  99. package/esm2020/tooltip/series-tooltip.component.mjs +102 -0
  100. package/esm2020/tooltip/tooltip.component.mjs +156 -0
  101. package/esm2020/tooltip/tooltip.module.mjs +28 -0
  102. package/esm2020/tree/covalent-echarts-tree.mjs +5 -0
  103. package/esm2020/tree/public_api.mjs +3 -0
  104. package/esm2020/tree/tree.component.mjs +117 -0
  105. package/esm2020/tree/tree.module.mjs +19 -0
  106. package/esm2020/treemap/covalent-echarts-treemap.mjs +5 -0
  107. package/esm2020/treemap/public_api.mjs +3 -0
  108. package/esm2020/treemap/treemap.component.mjs +149 -0
  109. package/esm2020/treemap/treemap.module.mjs +21 -0
  110. package/esm2020/wordcloud/covalent-echarts-wordcloud.mjs +5 -0
  111. package/esm2020/wordcloud/public_api.mjs +3 -0
  112. package/esm2020/wordcloud/wordcloud.component.mjs +92 -0
  113. package/esm2020/wordcloud/wordcloud.module.mjs +21 -0
  114. package/fesm2015/covalent-echarts-bar.mjs +158 -0
  115. package/fesm2015/covalent-echarts-bar.mjs.map +1 -0
  116. package/fesm2015/covalent-echarts-base.mjs +4931 -0
  117. package/fesm2015/covalent-echarts-base.mjs.map +1 -0
  118. package/fesm2015/covalent-echarts-graph.mjs +210 -0
  119. package/fesm2015/covalent-echarts-graph.mjs.map +1 -0
  120. package/fesm2015/covalent-echarts-line.mjs +182 -0
  121. package/fesm2015/covalent-echarts-line.mjs.map +1 -0
  122. package/fesm2015/covalent-echarts-map.mjs +155 -0
  123. package/fesm2015/covalent-echarts-map.mjs.map +1 -0
  124. package/fesm2015/covalent-echarts-pie.mjs +150 -0
  125. package/fesm2015/covalent-echarts-pie.mjs.map +1 -0
  126. package/fesm2015/covalent-echarts-sankey.mjs +142 -0
  127. package/fesm2015/covalent-echarts-sankey.mjs.map +1 -0
  128. package/fesm2015/covalent-echarts-scatter.mjs +169 -0
  129. package/fesm2015/covalent-echarts-scatter.mjs.map +1 -0
  130. package/fesm2015/covalent-echarts-toolbox.mjs +158 -0
  131. package/fesm2015/covalent-echarts-toolbox.mjs.map +1 -0
  132. package/fesm2015/covalent-echarts-tooltip.mjs +283 -0
  133. package/fesm2015/covalent-echarts-tooltip.mjs.map +1 -0
  134. package/fesm2015/covalent-echarts-tree.mjs +140 -0
  135. package/fesm2015/covalent-echarts-tree.mjs.map +1 -0
  136. package/fesm2015/covalent-echarts-treemap.mjs +174 -0
  137. package/fesm2015/covalent-echarts-treemap.mjs.map +1 -0
  138. package/fesm2015/covalent-echarts-wordcloud.mjs +117 -0
  139. package/fesm2015/covalent-echarts-wordcloud.mjs.map +1 -0
  140. package/fesm2015/covalent-echarts.mjs +4 -0
  141. package/fesm2015/covalent-echarts.mjs.map +1 -0
  142. package/fesm2020/covalent-echarts-bar.mjs +158 -0
  143. package/fesm2020/covalent-echarts-bar.mjs.map +1 -0
  144. package/fesm2020/covalent-echarts-base.mjs +4930 -0
  145. package/fesm2020/covalent-echarts-base.mjs.map +1 -0
  146. package/fesm2020/covalent-echarts-graph.mjs +210 -0
  147. package/fesm2020/covalent-echarts-graph.mjs.map +1 -0
  148. package/fesm2020/covalent-echarts-line.mjs +182 -0
  149. package/fesm2020/covalent-echarts-line.mjs.map +1 -0
  150. package/fesm2020/covalent-echarts-map.mjs +155 -0
  151. package/fesm2020/covalent-echarts-map.mjs.map +1 -0
  152. package/fesm2020/covalent-echarts-pie.mjs +150 -0
  153. package/fesm2020/covalent-echarts-pie.mjs.map +1 -0
  154. package/fesm2020/covalent-echarts-sankey.mjs +142 -0
  155. package/fesm2020/covalent-echarts-sankey.mjs.map +1 -0
  156. package/fesm2020/covalent-echarts-scatter.mjs +169 -0
  157. package/fesm2020/covalent-echarts-scatter.mjs.map +1 -0
  158. package/fesm2020/covalent-echarts-toolbox.mjs +163 -0
  159. package/fesm2020/covalent-echarts-toolbox.mjs.map +1 -0
  160. package/fesm2020/covalent-echarts-tooltip.mjs +283 -0
  161. package/fesm2020/covalent-echarts-tooltip.mjs.map +1 -0
  162. package/fesm2020/covalent-echarts-tree.mjs +140 -0
  163. package/fesm2020/covalent-echarts-tree.mjs.map +1 -0
  164. package/fesm2020/covalent-echarts-treemap.mjs +174 -0
  165. package/fesm2020/covalent-echarts-treemap.mjs.map +1 -0
  166. package/fesm2020/covalent-echarts-wordcloud.mjs +117 -0
  167. package/fesm2020/covalent-echarts-wordcloud.mjs.map +1 -0
  168. package/fesm2020/covalent-echarts.mjs +4 -0
  169. package/fesm2020/covalent-echarts.mjs.map +1 -0
  170. package/graph/README.md +90 -0
  171. package/graph/covalent-echarts-graph.d.ts +5 -0
  172. package/graph/graph.component.d.ts +129 -0
  173. package/graph/graph.module.d.ts +10 -0
  174. package/graph/package.json +10 -0
  175. package/graph/public_api.d.ts +2 -0
  176. package/line/README.md +78 -0
  177. package/line/covalent-echarts-line.d.ts +5 -0
  178. package/line/line.component.d.ts +86 -0
  179. package/line/line.module.d.ts +10 -0
  180. package/line/package.json +10 -0
  181. package/line/public_api.d.ts +2 -0
  182. package/map/README.md +119 -0
  183. package/map/covalent-echarts-map.d.ts +5 -0
  184. package/map/map.component.d.ts +75 -0
  185. package/map/map.module.d.ts +10 -0
  186. package/map/package.json +10 -0
  187. package/map/public_api.d.ts +2 -0
  188. package/package.json +146 -0
  189. package/pie/README.md +62 -0
  190. package/pie/covalent-echarts-pie.d.ts +5 -0
  191. package/pie/package.json +10 -0
  192. package/pie/pie.component.d.ts +64 -0
  193. package/pie/pie.module.d.ts +10 -0
  194. package/pie/public_api.d.ts +2 -0
  195. package/public_api.d.ts +1 -0
  196. package/sankey/README.md +91 -0
  197. package/sankey/covalent-echarts-sankey.d.ts +5 -0
  198. package/sankey/package.json +10 -0
  199. package/sankey/public_api.d.ts +2 -0
  200. package/sankey/sankey.component.d.ts +65 -0
  201. package/sankey/sankey.module.d.ts +10 -0
  202. package/scatter/README.md +66 -0
  203. package/scatter/covalent-echarts-scatter.d.ts +5 -0
  204. package/scatter/package.json +10 -0
  205. package/scatter/public_api.d.ts +2 -0
  206. package/scatter/scatter.component.d.ts +76 -0
  207. package/scatter/scatter.module.d.ts +10 -0
  208. package/toolbox/README.md +57 -0
  209. package/toolbox/covalent-echarts-toolbox.d.ts +5 -0
  210. package/toolbox/package.json +10 -0
  211. package/toolbox/public_api.d.ts +2 -0
  212. package/toolbox/toolbox.component.d.ts +142 -0
  213. package/toolbox/toolbox.module.d.ts +10 -0
  214. package/tooltip/README.md +116 -0
  215. package/tooltip/covalent-echarts-tooltip.d.ts +5 -0
  216. package/tooltip/package.json +10 -0
  217. package/tooltip/public_api.d.ts +3 -0
  218. package/tooltip/series-tooltip.component.d.ts +36 -0
  219. package/tooltip/tooltip.component.d.ts +49 -0
  220. package/tooltip/tooltip.module.d.ts +11 -0
  221. package/tree/README.md +60 -0
  222. package/tree/covalent-echarts-tree.d.ts +5 -0
  223. package/tree/package.json +10 -0
  224. package/tree/public_api.d.ts +2 -0
  225. package/tree/tree.component.d.ts +83 -0
  226. package/tree/tree.module.d.ts +10 -0
  227. package/treemap/README.md +185 -0
  228. package/treemap/covalent-echarts-treemap.d.ts +5 -0
  229. package/treemap/package.json +10 -0
  230. package/treemap/public_api.d.ts +2 -0
  231. package/treemap/treemap.component.d.ts +134 -0
  232. package/treemap/treemap.module.d.ts +10 -0
  233. package/wordcloud/README.md +89 -0
  234. package/wordcloud/covalent-echarts-wordcloud.d.ts +5 -0
  235. package/wordcloud/package.json +10 -0
  236. package/wordcloud/public_api.d.ts +2 -0
  237. package/wordcloud/wordcloud.component.d.ts +55 -0
  238. package/wordcloud/wordcloud.module.d.ts +10 -0
@@ -0,0 +1,142 @@
1
+ import { TemplateRef, ElementRef, ChangeDetectorRef, OnChanges, OnDestroy } from '@angular/core';
2
+ import { TdChartOptionsService, ITdLabel, ITdShadow, ITdItemStyle, TdTextPosition, TdTextAlign } from '@covalent/echarts/base';
3
+ import * as i0 from "@angular/core";
4
+ export declare type TdToolboxOrient = 'horizontal' | 'vertical';
5
+ export declare type TdImageType = 'png' | 'jpeg';
6
+ export interface ITdAcceptedBrushTypes {
7
+ rect?: string;
8
+ polygon?: string;
9
+ lineX?: string;
10
+ lineY?: string;
11
+ keep?: string;
12
+ clear?: string;
13
+ }
14
+ export interface ITdAcceptedMagicTypes {
15
+ line?: string;
16
+ bar?: string;
17
+ stack?: string;
18
+ tiled?: string;
19
+ }
20
+ export interface ITdToolboxIconEmphasis extends ITdItemStyle, ITdShadow {
21
+ }
22
+ export interface ITdFeatureIconStyle extends ITdItemStyle, ITdShadow {
23
+ textPosition?: TdTextPosition;
24
+ textAlign?: TdTextAlign;
25
+ emphasis?: ITdToolboxIconEmphasis;
26
+ }
27
+ export interface ITdZoomTitles {
28
+ zoom?: string;
29
+ back?: string;
30
+ }
31
+ export interface ITdSaveAsImage {
32
+ type?: TdImageType;
33
+ name?: string;
34
+ backgroundColor?: any;
35
+ excludeComponents?: string[];
36
+ show?: boolean;
37
+ title?: string;
38
+ icon?: string;
39
+ iconStyle?: ITdFeatureIconStyle;
40
+ pixelRatio?: number;
41
+ }
42
+ export interface ITdRestore {
43
+ show?: boolean;
44
+ title?: string;
45
+ icon?: string;
46
+ iconStyle?: ITdFeatureIconStyle;
47
+ }
48
+ export interface ITdDataView {
49
+ show?: boolean;
50
+ title?: string;
51
+ icon?: string;
52
+ iconStyle?: ITdFeatureIconStyle;
53
+ readOnly?: boolean;
54
+ optionToContent?: Function;
55
+ contentToOption?: Function;
56
+ lang?: string[];
57
+ textareaColor?: string;
58
+ textareaBorderColor?: string;
59
+ textColor?: string;
60
+ buttonColor?: string;
61
+ buttonTextColor?: string;
62
+ }
63
+ export interface ITdDataZoom {
64
+ show?: boolean;
65
+ title?: ITdZoomTitles;
66
+ icon?: ITdZoomTitles;
67
+ iconStyle?: ITdFeatureIconStyle;
68
+ xAxisIndex?: number | number[] | boolean;
69
+ yAxisIndex?: number | number[] | boolean;
70
+ }
71
+ export interface ITdMagicType {
72
+ show?: boolean;
73
+ type?: string[];
74
+ title?: ITdAcceptedMagicTypes;
75
+ icon?: ITdAcceptedMagicTypes;
76
+ iconStyle?: ITdFeatureIconStyle;
77
+ option?: {
78
+ line?: object;
79
+ bar?: object;
80
+ stack?: object;
81
+ tiled?: object;
82
+ };
83
+ seriesIndex?: {
84
+ line?: any[];
85
+ bar?: any[];
86
+ stack?: any[];
87
+ tiled?: any[];
88
+ };
89
+ }
90
+ export interface ITdBrush {
91
+ type?: any[];
92
+ icon?: ITdAcceptedBrushTypes;
93
+ title?: ITdAcceptedBrushTypes;
94
+ }
95
+ export interface ITdToolboxFeature {
96
+ saveAsImage?: ITdSaveAsImage;
97
+ restore?: ITdRestore;
98
+ dataView?: ITdDataView;
99
+ dataZoom?: ITdDataZoom;
100
+ magicType?: ITdMagicType;
101
+ brush?: ITdBrush;
102
+ }
103
+ export declare class TdChartViewDataFormatterDirective {
104
+ static ɵfac: i0.ɵɵFactoryDeclaration<TdChartViewDataFormatterDirective, never>;
105
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TdChartViewDataFormatterDirective, "ng-template[tdViewDataFormatter]", never, {}, {}, never>;
106
+ }
107
+ export declare class TdChartToolboxComponent implements OnChanges, OnDestroy {
108
+ private _changeDetectorRef;
109
+ private _elementRef;
110
+ private _optionsService;
111
+ private _state;
112
+ config: any;
113
+ show: boolean;
114
+ trigger?: string;
115
+ orient?: TdToolboxOrient;
116
+ itemSize?: number;
117
+ itemGap?: number;
118
+ showTitle?: boolean | undefined;
119
+ label?: ITdLabel;
120
+ feature?: ITdToolboxFeature;
121
+ iconStyle?: ITdFeatureIconStyle;
122
+ zlevel?: number;
123
+ z?: number;
124
+ transitionDuration: number;
125
+ left: string | number;
126
+ top: string | number;
127
+ right: string | number;
128
+ bottom: string | number;
129
+ width: string | number;
130
+ height: string | number;
131
+ formatterTemplate: TemplateRef<any>;
132
+ fullTemplate: TemplateRef<any>;
133
+ constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _optionsService: TdChartOptionsService);
134
+ ngOnChanges(): void;
135
+ ngOnDestroy(): void;
136
+ private _setOptions;
137
+ private _removeOption;
138
+ private _checkFormatterTemplate;
139
+ private _optionToContentFormatter;
140
+ static ɵfac: i0.ɵɵFactoryDeclaration<TdChartToolboxComponent, never>;
141
+ static ɵcmp: i0.ɵɵComponentDeclaration<TdChartToolboxComponent, "td-chart-toolbox", never, { "config": "config"; "show": "show"; "trigger": "trigger"; "orient": "orient"; "itemSize": "itemSize"; "itemGap": "itemGap"; "showTitle": "showTitle"; "label": "label"; "feature": "feature"; "iconStyle": "iconStyle"; "zlevel": "zlevel"; "z": "z"; "transitionDuration": "transitionDuration"; "left": "left"; "top": "top"; "right": "right"; "bottom": "bottom"; "width": "width"; "height": "height"; }, {}, ["formatterTemplate"], never>;
142
+ }
@@ -0,0 +1,10 @@
1
+ import { Type } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "./toolbox.component";
4
+ import * as i2 from "@angular/common";
5
+ export declare const TOOLBOX_MODULE_COMPONENTS: Type<any>[];
6
+ export declare class CovalentToolboxEchartsModule {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<CovalentToolboxEchartsModule, never>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentToolboxEchartsModule, [typeof i1.TdChartToolboxComponent, typeof i1.TdChartViewDataFormatterDirective], [typeof i2.CommonModule], [typeof i1.TdChartToolboxComponent, typeof i1.TdChartViewDataFormatterDirective]>;
9
+ static ɵinj: i0.ɵɵInjectorDeclaration<CovalentToolboxEchartsModule>;
10
+ }
@@ -0,0 +1,116 @@
1
+ # td-chart-tooltip
2
+
3
+ `td-chart-tooltip` element generates a global tooltip for the echarts visualization inside a `td-chart`. Its the equivalent of creating a JS tooltip 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
+ - formatter?: string | Function
16
+ - The content formatter of tooltip's floating layer which supports string template and callback function.
17
+ - trigger?: 'item' | 'axis' | 'none'
18
+ - Type of triggering.
19
+
20
+ And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#tooltip)
21
+
22
+ # td-chart-series-tooltip
23
+
24
+ `td-chart-series-tooltip` element generates a series tooltip for the echarts visualization inside a `td-chart-series`. Its the equivalent of creating a JS tooltip series object in echarts.
25
+
26
+ ## API Summary
27
+
28
+ #### Inputs
29
+
30
+ - config?: any
31
+ - Sets the JS config object if you choose to not use the property inputs.
32
+ - Note: [config] input properties will override input values
33
+
34
+ There are also lots of property inputs like:
35
+
36
+ - formatter?: string | Function
37
+ - The content formatter of tooltip's floating layer which supports string template and callback function.
38
+ - trigger?: 'item' | 'axis' | 'none'
39
+ - Type of triggering.
40
+
41
+ And so many more.. for more info [click here](https://echarts.apache.org/en/option.html#series-bar.tooltip)
42
+
43
+ Note: every series object can contain its own tooltip
44
+
45
+ ## Setup
46
+
47
+ Import the [CovalentTooltipEchartsModule] in your NgModule:
48
+
49
+ ```typescript
50
+ import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
51
+ import { CovalentTooltipEchartsModule } from '@covalent/echarts/tooltip';
52
+ @NgModule({
53
+ imports: [
54
+ CovalentBaseEchartsModule,
55
+ CovalentTooltipEchartsModule,
56
+ ...
57
+ ],
58
+ ...
59
+ })
60
+ export class MyModule {}
61
+ ```
62
+
63
+ ## Usage
64
+
65
+ Basic Tooltip Example:
66
+
67
+ ```html
68
+ <td-chart>
69
+ <td-chart-tooltip [trigger]="'item'" [triggerOn]="'mousemove'">
70
+ <ng-template
71
+ let-params
72
+ let-i="index"
73
+ let-ticket="ticket"
74
+ tdTooltipFormatter
75
+ >
76
+ <ng-container *ngIf="params">
77
+ <div layout="row" layout-align="start center">
78
+ <mat-icon [style.color]="params.color">person</mat-icon>
79
+ <span class="mat-caption pad-left-sm">
80
+ {{params.seriesName + ': ' + params.value}}
81
+ </span>
82
+ </div>
83
+ </ng-container>
84
+ </ng-template>
85
+ </td-chart-tooltip>
86
+ </td-chart>
87
+ ```
88
+
89
+ ## Usage
90
+
91
+ Basic Series Tooltip Example (only works if tooltip.trigger is 'item'):
92
+
93
+ ```html
94
+ <td-chart>
95
+ <td-chart-tooltip [trigger]="'item'"> </td-chart-tooltip>
96
+ <td-chart-series td-bar [name]="'name'" [data]="[100,200,150,200]">
97
+ <td-chart-series-tooltip [trigger]="'item'" [triggerOn]="'mousemove'">
98
+ <ng-template
99
+ let-params
100
+ let-i="index"
101
+ let-ticket="ticket"
102
+ tdTooltipFormatter
103
+ >
104
+ <ng-container *ngIf="params">
105
+ <div layout="row" layout-align="start center">
106
+ <mat-icon [style.color]="params.color">person</mat-icon>
107
+ <span class="mat-caption pad-left-sm">
108
+ {{params.seriesName + ': ' + params.value}}
109
+ </span>
110
+ </div>
111
+ </ng-container>
112
+ </ng-template>
113
+ </td-chart-series-tooltip>
114
+ </td-chart-series>
115
+ </td-chart>
116
+ ```
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@covalent/echarts/tooltip" />
5
+ export * from './public_api';
@@ -0,0 +1,10 @@
1
+ {
2
+ "module": "../fesm2015/covalent-echarts-tooltip.mjs",
3
+ "es2020": "../fesm2020/covalent-echarts-tooltip.mjs",
4
+ "esm2020": "../esm2020/tooltip/covalent-echarts-tooltip.mjs",
5
+ "fesm2020": "../fesm2020/covalent-echarts-tooltip.mjs",
6
+ "fesm2015": "../fesm2015/covalent-echarts-tooltip.mjs",
7
+ "typings": "covalent-echarts-tooltip.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@covalent/echarts/tooltip"
10
+ }
@@ -0,0 +1,3 @@
1
+ export * from './tooltip.module';
2
+ export * from './tooltip.component';
3
+ export * from './series-tooltip.component';
@@ -0,0 +1,36 @@
1
+ import { TemplateRef, ChangeDetectorRef, ElementRef, OnChanges, OnDestroy } from '@angular/core';
2
+ import { TdSeriesDirective } from '@covalent/echarts/base';
3
+ import { TdTooltipContext } from './tooltip.component';
4
+ import * as i0 from "@angular/core";
5
+ export declare class TdSeriesTooltipComponent implements OnChanges, OnDestroy {
6
+ private _changeDetectorRef;
7
+ private _elementRef;
8
+ private _seriesComponent;
9
+ private _state;
10
+ _context: TdTooltipContext;
11
+ config?: any;
12
+ formatter?: any;
13
+ position?: string | string[] | number[];
14
+ backgroundColor?: string | undefined;
15
+ borderColor?: string | undefined;
16
+ borderWidth?: number | undefined;
17
+ padding?: number | undefined;
18
+ textStyle?: {
19
+ color: string;
20
+ } | undefined;
21
+ extraCssText?: string;
22
+ formatterTemplate: TemplateRef<any>;
23
+ fullTemplate: TemplateRef<any>;
24
+ constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _seriesComponent: TdSeriesDirective);
25
+ ngOnChanges(): void;
26
+ ngOnDestroy(): void;
27
+ private _setOptions;
28
+ /**
29
+ * Formatter for tooltip
30
+ *
31
+ */
32
+ private _formatter;
33
+ private _removeOption;
34
+ static ɵfac: i0.ɵɵFactoryDeclaration<TdSeriesTooltipComponent, never>;
35
+ static ɵcmp: i0.ɵɵComponentDeclaration<TdSeriesTooltipComponent, "td-chart-series-tooltip", never, { "config": "config"; "formatter": "formatter"; "position": "position"; "backgroundColor": "backgroundColor"; "borderColor": "borderColor"; "borderWidth": "borderWidth"; "padding": "padding"; "textStyle": "textStyle"; "extraCssText": "extraCssText"; }, {}, ["formatterTemplate"], never>;
36
+ }
@@ -0,0 +1,49 @@
1
+ import { TemplateRef, ElementRef, ChangeDetectorRef, OnChanges, OnDestroy } from '@angular/core';
2
+ import { TdChartOptionsService, TdTooltipTrigger, TdTooltipTriggerOn, TdTooltipPosition } from '@covalent/echarts/base';
3
+ import * as i0 from "@angular/core";
4
+ export declare class TdTooltipContext {
5
+ $implicit: any;
6
+ ticket: string;
7
+ }
8
+ export declare class TdChartTooltipFormatterDirective {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<TdChartTooltipFormatterDirective, never>;
10
+ static ɵdir: i0.ɵɵDirectiveDeclaration<TdChartTooltipFormatterDirective, "ng-template[tdTooltipFormatter]", never, {}, {}, never>;
11
+ }
12
+ export declare class TdChartTooltipComponent implements OnChanges, OnDestroy {
13
+ private _changeDetectorRef;
14
+ private _elementRef;
15
+ private _optionsService;
16
+ private _state;
17
+ _context: TdTooltipContext;
18
+ config: any;
19
+ show?: boolean | undefined;
20
+ trigger?: TdTooltipTrigger;
21
+ axisPointer: any;
22
+ showContent?: boolean | undefined;
23
+ alwaysShowContent?: boolean | undefined;
24
+ triggerOn?: TdTooltipTriggerOn;
25
+ showDelay?: number | undefined;
26
+ hideDelay?: number | undefined;
27
+ enterable?: boolean | undefined;
28
+ renderMode?: 'html' | 'richText';
29
+ confine: boolean;
30
+ transitionDuration: number;
31
+ position?: TdTooltipPosition;
32
+ formatter?: string | Function;
33
+ backgroundColor?: string | undefined;
34
+ borderColor?: string | undefined;
35
+ borderWidth?: number | undefined;
36
+ padding?: number | undefined;
37
+ textStyle: any;
38
+ extraCssText?: string;
39
+ formatterTemplate: TemplateRef<any>;
40
+ fullTemplate: TemplateRef<any>;
41
+ constructor(_changeDetectorRef: ChangeDetectorRef, _elementRef: ElementRef, _optionsService: TdChartOptionsService);
42
+ ngOnChanges(): void;
43
+ ngOnDestroy(): void;
44
+ private _setOptions;
45
+ private _removeOption;
46
+ private _formatter;
47
+ static ɵfac: i0.ɵɵFactoryDeclaration<TdChartTooltipComponent, never>;
48
+ static ɵcmp: i0.ɵɵComponentDeclaration<TdChartTooltipComponent, "td-chart-tooltip", never, { "config": "config"; "show": "show"; "trigger": "trigger"; "axisPointer": "axisPointer"; "showContent": "showContent"; "alwaysShowContent": "alwaysShowContent"; "triggerOn": "triggerOn"; "showDelay": "showDelay"; "hideDelay": "hideDelay"; "enterable": "enterable"; "renderMode": "renderMode"; "confine": "confine"; "transitionDuration": "transitionDuration"; "position": "position"; "formatter": "formatter"; "backgroundColor": "backgroundColor"; "borderColor": "borderColor"; "borderWidth": "borderWidth"; "padding": "padding"; "textStyle": "textStyle"; "extraCssText": "extraCssText"; }, {}, ["formatterTemplate"], never>;
49
+ }
@@ -0,0 +1,11 @@
1
+ import { Type } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "./tooltip.component";
4
+ import * as i2 from "./series-tooltip.component";
5
+ import * as i3 from "@angular/common";
6
+ export declare const TOOLTIP_MODULE_COMPONENTS: Type<any>[];
7
+ export declare class CovalentTooltipEchartsModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<CovalentTooltipEchartsModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentTooltipEchartsModule, [typeof i1.TdChartTooltipComponent, typeof i1.TdChartTooltipFormatterDirective, typeof i2.TdSeriesTooltipComponent], [typeof i3.CommonModule], [typeof i1.TdChartTooltipComponent, typeof i1.TdChartTooltipFormatterDirective, typeof i2.TdSeriesTooltipComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<CovalentTooltipEchartsModule>;
11
+ }
package/tree/README.md ADDED
@@ -0,0 +1,60 @@
1
+ # td-chart-series[td-tree]
2
+
3
+ `td-chart-series[td-tree]` element generates a bar series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="tree"` 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
+ - label?: any
16
+ - Text styles corresponding to each node, also used in the leaves object.
17
+ - leaves?: ITdTreeLeaves
18
+ - Styles for each leaf node in the tree, can be used to differentiation node labels from leaf nodes. See the code examples above.
19
+ - itemStyle?: ITdItemStyle
20
+ - Styles for each node in the tree.
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-tree)
25
+
26
+ ## Setup
27
+
28
+ Import the [CovalentTreeEchartsModule] in your NgModule:
29
+
30
+ ```typescript
31
+ import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
32
+ import { CovalentTreeEchartsModule } from '@covalent/echarts/tree';
33
+ @NgModule({
34
+ imports: [
35
+ CovalentBaseEchartsModule,
36
+ CovalentTreeEchartsModule,
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-tree
52
+ [leaves]="{ label: { position: 'right' } }"
53
+ [label]="{ position: 'left' }"
54
+ [name]="'name'"
55
+ [data]="[{ name: 'flare', children: [{ name: 'AgglomerativeCluster', value: 3938 },
56
+ { name: 'CommunityStructure', value: 3812 }, { name: 'HierarchicalCluster', value: 6714 }] }]"
57
+ >
58
+ </td-chart-series>
59
+ </td-chart>
60
+ ```
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@covalent/echarts/tree" />
5
+ export * from './public_api';
@@ -0,0 +1,10 @@
1
+ {
2
+ "module": "../fesm2015/covalent-echarts-tree.mjs",
3
+ "es2020": "../fesm2020/covalent-echarts-tree.mjs",
4
+ "esm2020": "../esm2020/tree/covalent-echarts-tree.mjs",
5
+ "fesm2020": "../fesm2020/covalent-echarts-tree.mjs",
6
+ "fesm2015": "../fesm2015/covalent-echarts-tree.mjs",
7
+ "typings": "covalent-echarts-tree.d.ts",
8
+ "sideEffects": false,
9
+ "name": "@covalent/echarts/tree"
10
+ }
@@ -0,0 +1,2 @@
1
+ export * from './tree.module';
2
+ export * from './tree.component';
@@ -0,0 +1,83 @@
1
+ import { TdChartOptionsService, ITdItemStyle, TdMarkPointSymbol, ITdLabel, ITdLineStyle, ITdSeries, TdSeriesDirective, ITdEmphasis, ITdShadow } from '@covalent/echarts/base';
2
+ import * as i0 from "@angular/core";
3
+ /**
4
+ * ECHART OPTION DOCS
5
+ * https://ecomfe.github.io/echarts-doc/public/en/option.html#series-tree
6
+ *
7
+ */
8
+ /**
9
+ * LR - from left to right
10
+ * RL - from right to left
11
+ * TB - from top to bottom
12
+ * BT - from bottom to top
13
+ */
14
+ export declare type TdTreeOrient = 'LR' | 'RL' | 'TB' | 'BT';
15
+ export declare type TdTreeLayout = 'orthogonal' | 'radial';
16
+ export interface ITdTreeEmphasisLineStyle extends ITdShadow {
17
+ color?: any;
18
+ width?: number;
19
+ curveness?: number;
20
+ }
21
+ export interface ITdTreeEmphasis extends ITdEmphasis {
22
+ lineStyle: ITdTreeEmphasisLineStyle;
23
+ }
24
+ export interface ITdTreeLeaves {
25
+ label?: ITdLabel;
26
+ itemStyle?: ITdItemStyle;
27
+ emphasis?: ITdEmphasis;
28
+ }
29
+ interface ITdTreeSeries extends ITdSeries {
30
+ zlevel?: number;
31
+ z?: number;
32
+ left?: string | number;
33
+ top?: string | number;
34
+ right?: string | number;
35
+ bottom?: string | number;
36
+ width?: string | number;
37
+ height?: string | number;
38
+ layout?: TdTreeLayout;
39
+ orient?: TdTreeOrient;
40
+ symbol?: TdMarkPointSymbol | string;
41
+ symbolSize?: number;
42
+ symbolRotate?: number;
43
+ symbolKeepAspect?: boolean;
44
+ symbolOffset?: any[];
45
+ roam?: boolean | string;
46
+ expandAndCollapse?: boolean;
47
+ initialTreeDepth?: number;
48
+ itemStyle?: ITdItemStyle;
49
+ label?: ITdLabel;
50
+ lineStyle?: ITdLineStyle;
51
+ leaves?: ITdTreeLeaves;
52
+ emphasis?: ITdTreeEmphasis;
53
+ data?: any[];
54
+ }
55
+ export declare class TdChartSeriesTreeComponent extends TdSeriesDirective implements ITdTreeSeries {
56
+ zlevel?: number;
57
+ z?: number;
58
+ left?: string | number;
59
+ top?: string | number;
60
+ right?: string | number;
61
+ bottom?: string | number;
62
+ width?: string | number;
63
+ height?: string | number;
64
+ layout?: TdTreeLayout;
65
+ orient?: TdTreeOrient;
66
+ symbol?: TdMarkPointSymbol | string;
67
+ symbolSize?: number;
68
+ symbolRotate?: number;
69
+ symbolKeepAspect?: boolean;
70
+ roam?: boolean | string;
71
+ expandAndCollapse?: boolean;
72
+ initialTreeDepth?: number;
73
+ itemStyle?: ITdItemStyle;
74
+ label?: ITdLabel;
75
+ lineStyle?: ITdLineStyle;
76
+ leaves?: ITdTreeLeaves;
77
+ emphasis?: ITdTreeEmphasis;
78
+ constructor(_optionsService: TdChartOptionsService);
79
+ getConfig(): any;
80
+ static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesTreeComponent, never>;
81
+ static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesTreeComponent, "td-chart-series[td-tree]", 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"; "layout": "layout"; "orient": "orient"; "symbol": "symbol"; "symbolSize": "symbolSize"; "symbolRotate": "symbolRotate"; "symbolKeepAspect": "symbolKeepAspect"; "roam": "roam"; "expandAndCollapse": "expandAndCollapse"; "initialTreeDepth": "initialTreeDepth"; "itemStyle": "itemStyle"; "label": "label"; "lineStyle": "lineStyle"; "leaves": "leaves"; "emphasis": "emphasis"; }, {}, never, never>;
82
+ }
83
+ export {};
@@ -0,0 +1,10 @@
1
+ import { Type } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ import * as i1 from "./tree.component";
4
+ import * as i2 from "@angular/common";
5
+ export declare const TREE_MODULE_COMPONENTS: Type<any>[];
6
+ export declare class CovalentTreeEchartsModule {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<CovalentTreeEchartsModule, never>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentTreeEchartsModule, [typeof i1.TdChartSeriesTreeComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesTreeComponent]>;
9
+ static ɵinj: i0.ɵɵInjectorDeclaration<CovalentTreeEchartsModule>;
10
+ }