Render drill up button

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>

JavaScript

Highcharts.setOptions({
  lang: {
    drillUpText: '<< Terug XXX {series.name} afafaf'
  }
});

var drillUpText='<< Terug XXX {series.name}';
// Create the chart
Highcharts.chart('container', {
  chart: {
    type: 'column',
    events: {
      render: function() {

        this.getDrilldownBackText = function() {
          return drillUpText;
        };

        this.showDrillUpButton();
      }
    }
  },
  title: {
    text: 'Basic drilldown'
  },
  xAxis: {
    type: 'category'
  },

  legend: {
    enabled: false
  },

  plotOptions: {
    series: {
      borderWidth: 0,
      dataLabels: {
        enabled: true
      }
    }
  },

  series: [{
    name: 'Things',
    colorByPoint: true,
    data: [{
      name: 'Animals',
      y: 5,
      drilldown: 'animals'
    }, {
      name: 'Fruits',
      y: 2,
      drilldown: 'fruits'
    }, {
      name: 'Cars',
      y: 4,
      drilldown: 'cars'
    }]
  }],
  drilldown: {
  
    series: [{
      id: 'animals',
      data: [
        ['Cats', 4],
        ['Dogs', 2],
        ['Cows', 1],
        ['Sheep', 2],
        ['Pigs', 1]
      ]
    }, {
      id: 'fruits',
      data: [
        ['Apples', 4],
        ['Oranges', 2]
      ]
    }, {
      id: 'cars',
      data: [
        ['Toyota', 4],
        ['Opel', 2],
        ['Volkswagen', 2]
      ]
    }]
  }
});