@covalent/echarts 6.1.3 → 6.2.0

package/histogram/README.md

@@ -0,0 +1,65 @@
+# td-chart-series[td-histogram]
+
+`td-chart-series[td-histogram]` element generates a graph series echarts visualization inside a `td-chart`. Its the equivalent of creating a JS series object `type="bar"` in echarts, but binning the data.
+
+## API Summary
+
+#### Inputs
+
+- id?: string
+  - It can be used to refer the component in option or API.
+- name?: string
+  - Series name used for displaying in tooltip and filtering with legend.
+- color?: any
+  - Global color for the series.
+- method?: 'squareRoot' | 'scott' | 'freedmanDiaconis' | 'sturges'
+  - Methods to calculate the number of bins (default value 'squareRoot').
+- source?: any[] | any[][]
+  - Data array of series (can be multi-dimensional).
+
+And so many more... for more info [click here](https://github.com/ecomfe/echarts-stat)
+
+## Setup
+
+Import the [CovalentHistogramEchartsModule] in your NgModule:
+
+```typescript
+import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
+import { CovalentHistogramEchartsModule } from '@covalent/echarts/histogram';
+@NgModule({
+  imports: [
+    CovalentBaseEchartsModule,
+    CovalentHistogramEchartsModule,
+    ...
+  ],
+  ...
+})
+export class MyModule {}
+```
+
+## Usage
+
+Basic Example:
+
+```html
+<td-chart [style.height.px]="500">
+  <td-chart-x-axis
+    [show]="true"
+    [position]="'bottom'"
+    [type]="'category'"
+    [boundaryGap]="true"
+  ></td-chart-x-axis>
+  <td-chart-y-axis
+    [show]="true"
+    [type]="'value'"
+    [position]="'right'"
+    [splitLine]="{ lineStyle: { type: 'dotted' } }"
+  ></td-chart-y-axis>
+  <td-chart-series
+    td-histogram
+    [method]="'squareRoot'"
+    [source]="[8.5, 8.7, 9.2, 9.9, 10.2, 10.3, 11.2, 11.3, 11.3, 11.5, 11.6, 11.7, 11.8, 12, 12, 12.5, 12.9, 13, 13.5, 14, 15.1, 15.2, 15.3, 15.8, 16.2, 16.3, 16.4, 19.5, 19.8, 20.1, 20.2]"
+  >
+  </td-chart-series>
+</td-chart>
+```

package/histogram/histogram.component.d.ts

@@ -0,0 +1,19 @@
+import { OnChanges } from '@angular/core';
+import { TdChartOptionsService } from '@covalent/echarts/base';
+import { ITdBarSeries, TdChartSeriesBarComponent } from '@covalent/echarts/bar';
+import * as i0 from "@angular/core";
+export type TdHistogramBinningMethod = 'squareRoot' | 'scott' | 'freedmanDiaconis' | 'sturges';
+export interface ITdHistogramSeries extends ITdBarSeries {
+    data?: number[] | number[][];
+    method?: TdHistogramBinningMethod;
+}
+export declare class TdChartSeriesHistogramComponent extends TdChartSeriesBarComponent implements ITdHistogramSeries, OnChanges {
+    source?: number[] | number[][];
+    method?: TdHistogramBinningMethod;
+    constructor(_optionsService: TdChartOptionsService);
+    ngOnChanges(): void;
+    getConfig(): any;
+    private setOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesHistogramComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesHistogramComponent, "td-chart-series[td-histogram]", 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"; "source": "source"; "method": "method"; }, {}, never, never, false, never>;
+}

package/histogram/histogram.module.d.ts

@@ -0,0 +1,10 @@
+import { Type } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./histogram.component";
+import * as i2 from "@angular/common";
+export declare const HISTOGRAM_MODULE_COMPONENTS: Type<any>[];
+export declare class CovalentHistogramEchartsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentHistogramEchartsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentHistogramEchartsModule, [typeof i1.TdChartSeriesHistogramComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesHistogramComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentHistogramEchartsModule>;
+}

package/histogram/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@covalent/echarts/histogram" />
+export * from './public_api';

package/histogram/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './histogram.module';
+export * from './histogram.component';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/echarts",
-  "version": "6.1.3",
+  "version": "6.2.0",
   "description": "Teradata UI Platform Echarts Module",
   "keywords": [
     "angular",
@@ -22,6 +22,7 @@
     "@angular/common": "^15.2.5",
     "@angular/core": "^15.2.5",
     "echarts": "^5.3.0",
+    "echarts-stat": "^5.3.0-STAT",
     "echarts-wordcloud": "^2.0.0",
     "rxjs": "7.8.0"
   },
@@ -62,6 +63,14 @@
       "node": "./fesm2015/covalent-echarts-base.mjs",
       "default": "./fesm2020/covalent-echarts-base.mjs"
     },
+    "./clustering": {
+      "types": "./clustering/index.d.ts",
+      "esm2020": "./esm2020/clustering/covalent-echarts-clustering.mjs",
+      "es2020": "./fesm2020/covalent-echarts-clustering.mjs",
+      "es2015": "./fesm2015/covalent-echarts-clustering.mjs",
+      "node": "./fesm2015/covalent-echarts-clustering.mjs",
+      "default": "./fesm2020/covalent-echarts-clustering.mjs"
+    },
     "./graph": {
       "types": "./graph/index.d.ts",
       "esm2020": "./esm2020/graph/covalent-echarts-graph.mjs",
@@ -70,6 +79,14 @@
       "node": "./fesm2015/covalent-echarts-graph.mjs",
       "default": "./fesm2020/covalent-echarts-graph.mjs"
     },
+    "./histogram": {
+      "types": "./histogram/index.d.ts",
+      "esm2020": "./esm2020/histogram/covalent-echarts-histogram.mjs",
+      "es2020": "./fesm2020/covalent-echarts-histogram.mjs",
+      "es2015": "./fesm2015/covalent-echarts-histogram.mjs",
+      "node": "./fesm2015/covalent-echarts-histogram.mjs",
+      "default": "./fesm2020/covalent-echarts-histogram.mjs"
+    },
     "./line": {
       "types": "./line/index.d.ts",
       "esm2020": "./esm2020/line/covalent-echarts-line.mjs",
@@ -94,6 +111,14 @@
       "node": "./fesm2015/covalent-echarts-pie.mjs",
       "default": "./fesm2020/covalent-echarts-pie.mjs"
     },
+    "./regression": {
+      "types": "./regression/index.d.ts",
+      "esm2020": "./esm2020/regression/covalent-echarts-regression.mjs",
+      "es2020": "./fesm2020/covalent-echarts-regression.mjs",
+      "es2015": "./fesm2015/covalent-echarts-regression.mjs",
+      "node": "./fesm2015/covalent-echarts-regression.mjs",
+      "default": "./fesm2020/covalent-echarts-regression.mjs"
+    },
     "./sankey": {
       "types": "./sankey/index.d.ts",
       "esm2020": "./esm2020/sankey/covalent-echarts-sankey.mjs",

package/regression/README.md

@@ -0,0 +1,74 @@
+# td-chart-series[td-regression]
+
+`td-chart-series[td-regression]` element generates a regression series echarts visualization inside a `td-chart`.
+
+## API Summary
+
+#### Inputs
+
+- id?: string
+  - It can be used to refer the component in option or API.
+- name?: string
+  - Series name used for displaying in tooltip and filtering with legend.
+- color?: any
+  - Global color for the series.
+- regressionType?: 'linear' | 'exponential' | 'logarithmic' | 'polynomial'
+  - There are four types of regression (default value 'linear').
+- polinomialOrder?: number
+  - The order of polynomial regression type. Ignored for other types (default value 2).
+- data?: any[]
+  - Data array of series.
+
+And so many more... for more info [click here](https://github.com/ecomfe/echarts-stat)
+
+## Setup
+
+Import the [CovalentRegressionEchartsModule] in your NgModule:
+
+```typescript
+import { CovalentBaseEchartsModule } from '@covalent/echarts/base';
+import { CovalentRegressionEchartsModule } from '@covalent/echarts/regression';
+@NgModule({
+  imports: [
+    CovalentBaseEchartsModule,
+    CovalentRegressionEchartsModule,
+    ...
+  ],
+  ...
+})
+export class MyModule {}
+```
+
+## Usage
+
+Basic Example:
+
+```html
+<td-chart>
+  <td-chart-x-axis [show]="true" [type]="'value'"> </td-chart-x-axis>
+  <td-chart-y-axis [show]="true" [type]="'value'"> </td-chart-y-axis>
+  <td-chart-series
+    td-regression
+    [regressionType]="'logarithmic'"
+    [data]="[
+        [0.067732, 3.176513],
+        [0.42781, 3.816464],
+        [0.995731, 4.550095],
+        [0.738336, 4.256571],
+        [0.981083, 4.560815],
+        [0.526171, 3.929515],
+        [0.378887, 3.52617],
+        [0.033859, 3.156393],
+        [0.132791, 3.110301],
+        [0.138306, 3.149813],
+        [0.247809, 3.476346],
+        [0.731209, 4.282233],
+        [0.236833, 3.486582],
+        [0.969788, 4.655492],
+        [0.607492, 3.965162],
+        [0.358622, 3.5149]
+    ]"
+  >
+  </td-chart-series>
+</td-chart>
+```

package/regression/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@covalent/echarts/regression" />
+export * from './public_api';

package/regression/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './regression.module';
+export * from './regression.component';

package/regression/regression.component.d.ts

@@ -0,0 +1,22 @@
+import { OnChanges } from '@angular/core';
+import { TdChartOptionsService } from '@covalent/echarts/base';
+import { ITdScatterSeries, TdChartSeriesScatterComponent } from '@covalent/echarts/scatter';
+import * as i0 from "@angular/core";
+export type TdRegressionType = 'linear' | 'exponential' | 'logarithmic' | 'polynomial';
+export interface ITdRegressionSeries extends ITdScatterSeries {
+    data?: number[][];
+    regressionType?: TdRegressionType;
+    polinomialOrder?: number;
+}
+export declare class TdChartSeriesRegressionComponent extends TdChartSeriesScatterComponent implements ITdRegressionSeries, OnChanges {
+    data?: number[][];
+    regressionType?: TdRegressionType;
+    polinomialOrder?: number;
+    constructor(_optionsService: TdChartOptionsService);
+    ngOnChanges(): void;
+    getConfig(): any;
+    private setOptions;
+    private render;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdChartSeriesRegressionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TdChartSeriesRegressionComponent, "td-chart-series[td-regression]", 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"; "regressionType": "regressionType"; "polinomialOrder": "polinomialOrder"; }, {}, never, never, false, never>;
+}

package/regression/regression.module.d.ts

@@ -0,0 +1,10 @@
+import { Type } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./regression.component";
+import * as i2 from "@angular/common";
+export declare const REGRESSION_MODULE_COMPONENTS: Type<any>[];
+export declare class CovalentRegressionEchartsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CovalentRegressionEchartsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CovalentRegressionEchartsModule, [typeof i1.TdChartSeriesRegressionComponent], [typeof i2.CommonModule], [typeof i1.TdChartSeriesRegressionComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CovalentRegressionEchartsModule>;
+}