New to KendoReact? Start a free 30-day trial

LineStyle

Union

LineStyle

type

Specifies the line style of the series.

The possible values are:

"normal"—Connects the values with a straight line.
"step"—Connects the values with a right-angled line. Available when series.type is set to "line".
"smooth"—Connects the values with a smooth line. Not supported for stacked area series with missing values.

Possible values:

"normal"
"step"
"smooth"

Example:

jsx

import {
 Chart,
 ChartSeries,
 ChartSeriesItem
} from '@progress/kendo-react-charts';

const data = [1, 2, 3];

const ChartContainer = () => (
 <Chart>
   <ChartSeries>
     <ChartSeriesItem type="line" data={data} style="smooth" />
   </ChartSeries>
 </Chart>
);