バー間の列の間隔を削除するハイチャート

Question

こんにちは誰かがハイチャートのスタックバーの間隔を取り除く方法を教えてください。バーの下に

間

よりホワイトスペースは、私は、チャートを描画するために使用しているコードです。 ので、x軸に、私はスタイルを追加しようとしたが、まだそれはあなたがgroupPadding財産を減少させることによって、バーの間のスペースを減らすことができ

$('#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

期待どおりに働いていない - あなたはそれが固定されている場合にも、あなたは、ポイントの幅を設定しますスペースを変更することはできません。

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

例：シリーズタグでhttps://jsfiddle.net/2c74x5jv/1/