Line Chart Example

LineChart.tsx

import React from 'react';
import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';

const LineChart = () => {
  const options = {
    chart: {
      type: 'line'
    },
    title: {
      text: 'Monthly Sales Data'
    },
    xAxis: {
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
    },
    yAxis: {
      title: {
        text: 'Sales ($)'
      }
    },
    series: [{
      name: 'Sales 2023',
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]
    }]
  };

  return <HighchartsReact highcharts={Highcharts} options={options} />;
};