New to KendoReact? Start a free 30-day trial
BaseUnit
BaseUnitPremium
The baseUnit
type of an X or Y axis.
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>
);
ReactDOM.render(
<ChartContainer />,
document.querySelector('my-app')
);
type
BaseUnit = "milliseconds" | "seconds" | "minutes" | "hours" | "days" | "weeks" | "months" | "years";