[Solved]-Highcharts: Combined line and column chart - start / end line on left / right side, not on column chart data points-Highcharts

// IMPORTANT! Pay attention that fake null data points added
// in order to display targets line correctly, so index 0 = null
config.series[0] = {
  cursor: this.props.onDataPointClick ? 'pointer' : undefined,
  type: 'column',
  data: [null, ...chartData, null],
  pointPadding: 0.01, // to make column full width
  groupPadding: 0, // to make column full width
  dataLabels: {
    enabled: true,
    align: 'center',
    inside: true,
    verticalAlign: 'bottom',
    formatter: function() {
      return humanReadableValue(this.y);
    }
  },
  point: {
    events: {
      click: (e) => this.onDataPointClick(e)
    }
  }
};
Object.assign(config.xAxis, {
  floor: 1,
  ceiling: config.series[0].data.length - 2,
  categories: config.series[0].data.map(x => x === null ? '' : x.name)
});