javascript - Highcharts 饼图渲染与图例冲突

Question

我有一个带有顶部定位图例的 Highcharts 饼图示例。

    legend: {
        layout: 'horizontal',
        verticalAlign: 'top'
    }

http://jsfiddle.net/wt4rqudh/1/

演示中有一个 addSeries 按钮，可以添加一个内部饼图。因为这会向图例添加更多行，所以呈现的饼图会被下推，从而导致错误行为。

有人知道怎么解决吗？图例位置必须保持不变。

Answer 1

使这看起来有些平滑的方法是:

1. 执行chart.addSeries，但不重绘
2. 正在对原始系列进行更新，但仍未重绘
3. 执行chart.redraw() 定位两个系列

在代码中看起来像这样:

chart.addSeries({
    // Series attributes ...
}, false);
chart.series[0].update(null, false);
chart.redraw();

参见 this JSFiddle demonstration它的外观。