Highcharts：更新数据时图例和标题重叠饼图

我在通过点击按钮更新饼图数据时遇到了一个问题-图例和标题重叠饼图。但有趣的是，当我调整浏览器的大小时，例如，最大化浏览器，标题和图例的位置会恢复正常

问题示例如所示

数据由

$('button').click(function() {
 //       var chart = $('#container').highcharts();
        chart.setTitle({
            text: 'Browser market shares at a specific website, 2010'
        });
        chart.series[0].setData(adata, true);/*update({
            data: adata});*/
    });

---

那对我来说像个虫子。您可以通过在饼图选项中添加

size:300

来解决此问题

    chart = new Highcharts.Chart({
        chart: {
            plotBackgroundColor: null,
            plotBorderWidth: null,
            plotShadow: false,
            renderTo: 'container',
            type: 'pie'
        },
        title: {
            text: ''
        },
        tooltip: {
            pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
        },
        legend: {
            verticalAlign: 'bottom'
        },
        plotOptions: {
            pie: {
                allowPointSelect: true,
                cursor: 'pointer',
                dataLabels: {
                    enabled: false
                },
                showInLegend: true,
                size:300
            }
        },
        series: [{
            name: 'Browser share',
            data: []
        }]
    });

chart=新高度图表。图表({
图表：{
plotBackgroundColor:null，
plotBorderWidth:null，
影子：错，
renderTo:'容器'，
键入：“馅饼”
},
标题：{
文本：“”
},
工具提示：{
pointFormat:“{series.name}:{point.percentage:.1f}%”
},
图例：{
垂直排列：“底部”
},
打印选项：{
馅饼：{
allowPointSelect:true，
光标：“指针”，
数据标签：{
已启用：false
},
showInLegend：是的，
尺码：300
}
},
系列：[{
名称：“浏览器共享”，
数据：[]
}]
});

---

FYI：报告调整图表的边距和图例的y偏移非常有效，可以微调位置