YAxis

You can customize the chart y-axis using the YAxis component:

import { Chart, Series, YAxis } from "@highcharts/react";
export default function YAxisChart() {
  return (
    <Chart>
      <YAxis plotBands={[{ from: 2, to: 4, color: "red" }]}>
        Y axis values
      </YAxis>
      <Series data={[3, 4, 1, 5, 2]} />
    </Chart>
  );
}

The YAxis component accepts all y-axis API options as props. The axis title text can be passed as children.