[Solved]-How to use Highcharts React to create chart with multiple lines for same XAxis?-Highcharts

You need to parse the json object into a suitable data format.

See the docs for accepted data formats: https://api.highcharts.com/highcharts/series.line.data

Notice, that y value should be a number.

The example config:

const json = '[{"minimum": 71, "maximum": 74, "meanAverage": 72, "dateTime": "2018-03-28T13:46:00"}, {"minimum": 57,"maximum": 87, "meanAverage": 71, "dateTime": "2018-03-28T18:00:01"}]',

  parsed = JSON.parse(json);

const minimum = [];
parsed.forEach(data => {
  minimum.push([new Date(data.dateTime).getTime(), data.minimum])
})

const maximum = [];
parsed.forEach(data => {
  maximum.push([new Date(data.dateTime).getTime(), data.maximum])
})

const meanAverage = [];
parsed.forEach(data => {
  meanAverage.push([new Date(data.dateTime).getTime(), data.meanAverage])
})

Then you can use your data arrays as you expected:

  series: [{
      data: minimum
    },
    {
      data: maximum
    },
    {
      data: meanAverage
    }
  ]

Demo: https://jsfiddle.net/BlackLabel/2ncb83eh/