Legend

You can customize the chart legend using the Legend component:

import { Chart, Legend } from "@highcharts/react";
import { LineSeries } from "@highcharts/react/series/Line";
export default function LegendChart() {
  return (
    <Chart>
      <Legend>{"{index}: {name}"}</Legend>
      <LineSeries data={[3, 4, 1, 5, 2]} />
    </Chart>
  );
}

The Legend component accepts all legend API options as props. The label format can be passed as children.