Javascript Highcharts piechart标签脱离父级

我有一个很小的div宽度，我想显示饼图，但图的一些标签超出了父级

这就是我所做的

$（函数（）{
$（“#容器”）。高图({
图表：{
plotBackgroundColor:null，
plotBorderWidth:null，
影子：错，
键入“pie”，
边距：[0,0,0,0]，
间距：0，
间距底部：0，
间距：0，
间距：0
},
标题：{
正文：“浏览器市场份额2015年1月至2015年5月”
},
工具提示：{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
打印选项：{
馅饼：{
allowPointSelect:true，
光标：“指针”，
数据标签：{
启用：对，
格式：“{point.name}:{point.percentage:.1f}%”，
风格：{
颜色：（Highcharts.theme&&Highcharts.theme.ContractTextColor）| |“黑色”
}
}
}
},
系列：[{
名称：“品牌”，
colorByPoint：对，
数据：[{
名称：“Microsoft Internet Explorer”，
y:56.33
}, {
名称：“Chrome”，
y:24.03，
切碎：是的，
所选：真
}, {
名称：“Firefox”，
y:10.38
}, {
名称：“野生动物园”，
y:4.77
}, {
名称：“歌剧”，
y:0.91
}, {
名称：“专有或不可检测”，
y:0.2
}]
}]
});
});
@laxmikant dange你喜欢这样吗
设置所需的宽度，对于您的情况，我将datalabel的宽度设置为60像素

 dataLabels: {
                style: {
                    width: '60px'//whatever width you want
                },

在fiddle数据标签中：{enabled:true，格式：{point.name}：{point.percentage:.1f}%'，样式：{color:{Highcharts.theme&&Highcharts.theme.ContractTextColor）| |黑色，宽度：'60px'}}如何基于动态数据使用动态宽度。随着值的变化，有时数据中可能会有1条记录或10条记录。我使用20项而不是5项（chrome、safari等）重现了这种情况，并观察到当类别数增加时，highcharts显示的标签很少，其他标签显示在工具提示上