[Solved]-How to replace x-axes with our own timestamp data from API in Highcharts using highstocks-Highcharts

the idea behind using highchart stockchart is it uses x-axis label as timestamp.

solution to "how can i make my x-axes to use my own timestamp api data? " should be converting data[i].timestamp by parsing to real timestamp and create nested array of 'accelero_x' and pass that array to series data.

highcharts.getjson('https://gmlews.com/api/data', function (data) {
console.log(data);
var accelero_x = [], timestamp = [];
      for (var i=0; i<data.length; i++){
      //modification start -----
      let inarr = [];
      let trimdate = data[i].timestamp.split('t')[0]; // here we have many ways to extract only the date correctly
      inarr.push(date.parse(trimdate));
      inarr.push(data[i].accelero_x);
        accelero_x.push(inarr);
      //modification end -----
        timestamp.push(data[i].timestamp);
     }
      console.log(accelero_x);
      console.log(timestamp); 
// create the chart
highcharts.stockchart('container', {

    rangeselector: {
        selected: 1
    },

    title: {
        text: 'accelero x'
    },


    series: [{
        name: 'accelero x',
        data: accelero_x,
        type: 'spline',
        tooltip: {
            valuedecimals: 2
        }
    }]
 });
 }); 

demo: https://jsfiddle.net/jinny/jrhz3ty7/20/