BaseUnit

The baseUnit type of an X or Y axis.

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')
);

Values

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