Удалить расстояние между столбцами между столбцами highchart

Question

Привет Может кто-нибудь помочь, как я могу удалить промежутки между столбцами стека в highchart.

Более белое пространство между решеткой

ниже код, я использую для визуализации диаграммы. так и в оси х я пытался добавить стиль, но до сих пор она не работает в соответствии с ожиданием

$('#tempstack').highcharts({ 
          chart: { 
           type: 'bar', 
           backgroundColor: 'transparent' 
          }, 
          title: { 
           text: 'Forms wise progress' 
          },         
          xAxis: { 
           categories: stkTemplateName, 
           startOnTick: false, 
           labels: { 
            rotation: 0, 
            useHTML: true, 
            x: 0, 
            y: 30, 
            style: { 
             color: '#000', 
             font: '12px roboto', 
             top: '0px', 
             right: '10px', 
             'margin-bottom': '0px', 
             paddingLeft: '0px', 
             paddingRight: '0px', 
             paddingTop: '0px', 
             paddingBottom: '0px', 

            }, 

            step: 1 
           }, 
           lineWidth: 0, 
           minorGridLineWidth: 0, 
           gridLineWidth: 0, 
           lineColor: 'transparent', 
           minorTickLength: 0, 
           tickLength: 0, 
           pointWidth: 0.1 

          }, 
          yAxis: { 
           gridLineWidth: 0, 
           min: 0, 
           title: { 
            text: '' 
           }, 
           gridLineColor: '#ffffff', 
           labels: { 
            enabled: false 

           }, 
           minorGridLineWidth: 0 


          }, 

          plotOptions: { 
           bar: { 
            pointPadding: 0, 
            borderWidth: 0, 

           }, 

           series: { 
            stacking: 'normal', 
            pointWidth: 20, 
            dataLabels: { 
             enabled: true, 
             color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white' 
            } 
           } 

          }, 
          series: [{ 
           name: 'Yet-toStart', 
           data: stkYetToStart 
          }, { 
           name: 'Completed', 
           data: stkCompleted 
          }, { 
           name: 'Inprogress', 
           data: stkInProgress 
          }, 
          { 
           name: 'Ongoing', 
           data: stkOnGoing 
          }], 

         }); 

Answer 1

Вы можете уменьшить пространство между решеткой за счет уменьшения groupPadding собственности - также установить ширину точки, если у вас есть это неподвижная , вы не сможете изменить пространство.

plotOptions: { 
    bar: { 
    pointPadding: 0, 
    borderWidth: 0, 
    groupPadding: 0.01 
}, 

Пример: https://jsfiddle.net/2c74x5jv/1/