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

Question

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

问题示例显示在http://jsfiddle.net/HmmeX/3/。

数据更新为

$('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});*/
    });

Answer 1

这对我来说就像一个错误。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: []
        }]
    });

http://jsfiddle.net/xNmLd/