New to Kendo UI for Angular? Start a free 30-day trial
LineStyle
The line style of the series.
The possible values are:
"normal"
—The values are connected with a straight line."step"
—The values are connected with a right-angled line. Available whenseries.type
is set to"line"
."smooth"
—The values are connected with a smooth line. Not supported for stacked area series with missing values.
ts
import { Component } from '@angular/core';
import { LineStyle } from '@progress/kendo-angular-charts';
@Component({
selector: 'my-app',
template: `
<kendo-chart>
<kendo-chart-series>
<kendo-chart-series-item type="line" [data]="[1, 2, 1]" [style]="style">
</kendo-chart-series-item>
</kendo-chart-series>
</kendo-chart>
`
})
export class AppComponent {
public style: LineStyle = "smooth";
}
type
LineStyle = "normal" | "step" | "smooth";