@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
package/README.md ADDED
@@ -0,0 +1,7 @@
1
+ # angular-echarts
2
+
3
+ This library was generated with [Nx](https://nx.dev).
4
+
5
+ ## Running unit tests
6
+
7
+ Run `nx test angular-echarts` to execute the unit tests.
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
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@covalent/echarts/bar" />
5
+ export * from './public_api';
@@ -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
+ }
@@ -0,0 +1,2 @@
1
+ export * from './bar.module';
2
+ export * from './bar.component';
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;