title: Highcharts stacking bar chart border not displaying on right side
body: <p>When I create a stacking bar chart, the rightmost 'box' doesn't have the border drawn on the right hand side.</p>
  
  <p>Is there an option or something that I can set in <a href="http://www.highcharts.com/" rel="nofollow noreferrer">Highcharts</a> to force the white border line to be drawn around the 75% box in the image seen below?</p>
  
  <p>Here is a link to the jsfiddle I used for testing:
  <a href="http://jsfiddle.net/zKgsF/" rel="nofollow noreferrer">http://jsfiddle.net/zKgsF/</a></p>
  
  <p><img src="https://i.stack.imgur.com/lrdQo.png" alt="Image of the problem"></p>
  
  <p>Please note: Setting the borderWidth property to higher than 1 works in displaying, but the rightmost border is much thinner than the others. See the image below.</p>
  
  <p><img src="https://i.stack.imgur.com/JDiqq.png" alt="borderWidth to 5"></p>
  
  <p>Here is the javascript for the chart:</p>
  
  <pre><code>$(function () {
      var chart = new Highcharts.Chart({
          chart: {
              renderTo: 'container',
              type: 'bar',
              backgroundColor: 'rgba(0,0,0,.3)',
              margin: [15,6,15,15],
          },
          xAxis: {
              categories: ['']
          },
          credits: {
            enabled: false
          },
          yAxis: {
            gridLineColor: "#FF0000",
            labels: 
            {
              align: 'right',
              formatter: function()
              {
                return this.value + "%";
              }
                  },
          },
          tooltip: {
                  formatter: function() 
            {
                          return "&lt;b&gt;" + this.series.name + '&lt;/b&gt;: ' + this.y + ' (' +            Math.round(this.percentage,1) + "%)";
                  }
              },
          plotOptions: {
                  bar: {
                      animation: false,
                      stacking: 'percent',
                      borderWidth: '1',
                      dataLabels: {
                          enabled: true,
                          color: 'white',
                          formatter: function() {
  
                              if (this.percentage &lt; 10) 
                              {
                                  return ""
                              }
                              else
                              {
                                  return Math.round(this.percentage,1) + "%";
                              }
                          },
                          style: {
                              fontSize: '18px'
                          }
  
                      }
                  }
          },
          series: [{
              data: [30]        
          },{
              data: [10]        
          }]
      });
  });
  </code></pre>
  
  <p>EDIT:</p>
  
  <p>Looks like it's not related to the bar chart being "stackable". It might just be related to the fact that the chart goes to the max 'y' value axis... as seen here in another example: <a href="http://jsfiddle.net/zKgsF/1/" rel="nofollow noreferrer">http://jsfiddle.net/zKgsF/1/</a></p>