Highcharts.7Example.cutoff.App.js

import Highcharts from 'highcharts';
import HighchartsReact from 'highcharts-react-official';
import _ from 'lodash';

const getOptions = (type) => ({
  chart: {
    type,
    width: 500,
    height: 300,
  },
  title: {
    text: _.startCase(`${type} chart`),
  },
  yAxis: {
    title: {
      text: 'Values',
    },
  },
  plotOptions: {
    series: {
      lineWidth: 10,
    },
  },
  series: [
    {
      data: [0, 0, 0, 0, 0, 0],
    },
    {
      data: [7, 7, 7, 7, 7, 7],
    },
  ],
  credits: {
    enabled: false,
  },
});

function App() {
  return (
    <div>
      <HighchartsReact highcharts={Highcharts} options={getOptions('line')} />
    </div>
  );
}

export default App;