Javascript Highchart-如何设置堆叠条的最小宽度？

我在尝试渲染div中的Highchart时遇到问题。我不知道为什么会有无法正确显示的条形图

我在container highchart div上设置了一个宽度值，希望条形图占据div的100%，但正如您所看到的那样，这并没有发生

下面是我如何设置Highchart选项的：

var图表=新的Highcharts.图表({
图表：{
类型：'bar'，
间距底部：1，
间距：1，
spacingRight:1，
背景颜色：空，
集装箱船
},
颜色：[“8b878a”、“10914E”、“DBD311”、“7e8b00”]，
标题：“”，
工具提示：{
已启用：false
},
xAxis：{
标签：{
已启用：false
}
},
亚克斯：{
标签：{
已启用：false
},
网格线宽：0，
标题：{
已启用：false
},
可见性：错误
},
图例：{
已启用：false
},
打印选项：{
系列：{
堆叠：“正常”，
数据标签：{
启用：对，
格式化程序：函数（）{
if（this.series.options.showPercentageValue&&this.series.options.percentageValue>minValueBarPercentage）{
return（Math.round（this.series.options.percentageValue）+'%'）；//~~（elimina）
}
},
样式：{fontSize:'9px'，颜色：'black'，填充底部：'1px'，fontWeight:'bold'}
},
点填充：0，
分组填充：0.1
}
}, 
系列：价值观
});这是正在发生的事情的图片>>
值是什么样子的？你能创建一个工作的JSFIDLE吗？没有minWidth属性-你可以使用另一个系列来完成第一个系列并设置max x轴-这里的示例是JDFIDLE，它代表了我的问题，正如你所看到的，我想在不同的div上呈现不同的Highchart，我希望它们在同一点结束，芭芭拉鸟，你能看见吗？