react-jsx-highcharts/src/components/XAxis/XAxis.js

Highcharts charts built using React components

import * as React from 'react';
import Axis from '../Axis';
import useChart from '../UseChart';

const XAxis = ({ id, ...rest }) => {
  const chart = useChart();

  const isStockChart = chart.type === 'stockChart';
  const type = isStockChart ? 'datetime' : 'linear';
  const axisId = isStockChart ? 'xAxis' : id;

  return <Axis type={type} {...rest} id={axisId} isX />;
};

export default XAxis;