New to KendoReact? Start a free 30-day trial

BaseUnit

Union

BaseUnit

type

Specifies the baseUnit type of an X or Y axis.

The possible values are:

"milliseconds"—Sets the base unit to milliseconds.
"seconds"—Sets the base unit to seconds.
"minutes"—Sets the base unit to minutes.
"hours"—Sets the base unit to hours.
"days"—Sets the base unit to days.
"weeks"—Sets the base unit to weeks.
"months"—Sets the base unit to months.
"years"—Sets the base unit to years.

Possible values:

"milliseconds"
"seconds"
"minutes"
"hours"
"days"
"weeks"
"months"
"years"

Example:

jsx

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

const baseUnit = "months";
const data = [[new Date(2000, 0, 1), 1], [new Date(2001, 0, 1), 1]];

const ChartContainer = () => (
 <Chart>
   <ChartXAxis>
    <ChartXAxisItem baseUnit={baseUnit} />
   </ChartXAxis>
   <ChartSeries>
     <ChartSeriesItem type="scatter" data={data} />
   </ChartSeries>
 </Chart>
);