@covalent/echarts
Version:
Teradata UI Platform Echarts Module
75 lines (63 loc) • 1.95 kB
Markdown
# 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>
```