Question

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

数据由

更新

$('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/

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

1 个答案: