title: How to change width / padding between categories?
body: <p><a href="https://i.stack.imgur.com/2KcOH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2KcOH.png" alt="enter image description here"></a></p>
  
  <p>I'm creating an 3D cylinder grouping chart. How to put some space between categories? The purple cylinder seems to get blocked because it's really close. I've tried point padding, xAxis padding. Nothing seems to work. And i don't want to use group padding because it will make the cylinder smaller. I need it to be that size.</p>
  
  <pre><code>      let categories = [];
        let result = { };
        for(let i=0;i&lt;$scope.charData.length;i++) {
          categories.push($scope.charData[i].PERIODE);
          for(let prop in $scope.charData[i]) {
            if(prop ==  `PERIODE`) continue;
            if(result[prop] == null) { result[prop] = []; }
            result[prop].push(parseFloat($scope.charData[i][prop]));
          }
        }
        let resultView = [];
        let deep = 0;
        for(let prop in result) {
          resultView.push({
            name: prop,
            data: result[prop],
            depth: deep,
          });
          deep += 75;
        }
  
        Highcharts.chart('chartdiv', {
          chart: {
            type: 'cylinder',
            options3d: {
              enabled: true,
              alpha: 25,
              beta: 5,
              viewDistance: 0,
              depth: 100
            },
            scrollablePlotArea: {
              minWidth: ($scope.device) ? 1200 : 0,
              opacity: 0.85,
            },
            spacingLeft: 0,
            marginLeft: ($scope.device) ? -120 : -50,
            marginRight: ($scope.device) ? -120 : -50,
          },
  
          title: {
            text: 'Sales Simex ' + ($scope.year - 1) + ' - ' + $scope.year
          },
  
          xAxis: {
            categories: categories,
            min: 0,
            labels: {
              skew3d: true,
              style: {
                fontSize: '16px'
              },
            },
          },
  
          yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
              text: 'Amount',
              skew3d: true
            },
          },
  
          tooltip: {
            headerFormat: '&lt;b&gt;{point.key}&lt;/b&gt;&lt;br&gt;',
            pointFormat: '&lt;span style="color:{series.color}"&gt;\u25CF&lt;/span&gt; {series.name}: {point.y}'
          },
  
          plotOptions: {
            column: {
              stacking: 'normal',
              depth: 100,
            },
            cylinder: {
              groupPadding: 0,
              pointPadding: 0,
              borderWidth: 0
            }
          },
          series: resultView,
        });
  </code></pre>