I tried all the suggestions from Highcharts but I still can’t move the legend to the bottom and make items be next to each other horizontally and centered. Anybody knows if that could be caused by top-level CSS of Looker itself?
Hey there! It looks like there may be a bug with highcharts; clearing the chart.events should force the override to apply correctly.
{
  chart: {
    events: null,
  },
  legend: {
    align: 'center',
    verticalAlign: 'bottom',
    layout: 'horizontal',
  },
Thank you Emma, can you explain why the nullifying of the events helped in this case?

