UNPKG

@covalent/echarts

Version:

Teradata UI Platform Echarts Module

75 lines (63 loc) 1.95 kB
# 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> ```