堆叠条形图边框的Highcharts不显示在右侧

Question

当我创建堆叠条形图时，最右边的“框”没有在右侧绘制边框。

我可以在Highcharts设置一个选项或其他内容来强制在下图所示的75％框周围绘制白色边框线吗？

这是我用于测试的jsfiddle的链接： http://jsfiddle.net/zKgsF/

请注意：将borderWidth属性设置为大于1可以显示，但最右边的边框比其他边框薄得多。见下图。

以下是图表的javascript：

$(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 "<b>" + this.series.name + '</b>: ' + 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 < 10) 
                            {
                                return ""
                            }
                            else
                            {
                                return Math.round(this.percentage,1) + "%";
                            }
                        },
                        style: {
                            fontSize: '18px'
                        }

                    }
                }
        },
        series: [{
            data: [30]        
        },{
            data: [10]        
        }]
    });
});

编辑：

看起来它与条形图“可堆叠”无关。这可能与图表进入最大'y'值轴的事实有关......如另一个例子所示：http://jsfiddle.net/zKgsF/1/

Answer 1

根据Cubbuk的建议，您可以通过添加yAxis的max值进行调整。

此外，您也可以指定endOnTick属性。

 max: 100.1,
 endOnTick: false

对于API导航here，此处为 example。