[Solved]-Display legend items in two columns highcharts-Highcharts

maybe you could use the "labelformater" of the legend.

http://api.highcharts.com/highcharts#legend.labelformatter

then you could create a table and arrange the legend text as you wnat.

have a look at the example on the documentation page.

function renderelements() {
      if (this.legend) {
       this.legend.destroy();
      }
      //distance between 2 elements
      let itemdistance = this.legend.options.itemdistance;
      //the biggest element
      let maxitemwidth = this.legend.maxitemwidth;
      //make the width of the legend in the size of 2 largest elements + 
      //distance  
      let nextlegendwidth = (maxitemwidth * 2) + itemdistance;
      //container width
      let boxwidth = this.plotbox.width;
      //if the length of the 2 largest elements + the distance between them 
      //is less than the width of           container, we make 1 row, else 
      //set legend width 2 max elements + distance between
    if (boxwidth < nextlegendwidth) {
     this.legend.options.width = maxitemwidth;
    } else {
     this.legend.options.width = nextlegendwidth;
  }

  this.render()   
}

chart: {
    events: {
      load: renderelements,
      redraw: renderelements
  }
}

https://jsfiddle.net/jecrovb7/38/