jquery - flot グラフ ラベルの奇妙な動作

Question

私はflotを使い始めたばかりで、奇妙な振る舞いをしています。

私は円グラフを描きます:

$.plot($(control), data, {
        series: {
            pie: {
                show: true,
                radius: 3 / 4,
                label: {
                    show: true,
                    radius: 3 / 4,
                    formatter: function(label, series) {
                        return '<div class="graph-label">' + label + '<br/>' + Math.round(series.percent) + '%</div>';
                    },
                    background: {
                        opacity: 0.5,
                        color: '#000'
                    }
                }
            },
            legend: {
                show: false
            }
        },
        grid: {
            hoverable: true
        }
    });

データ =

 [{label:"CHO-180", data:12560},{label:"CHO-60", data:54355},{label:"CHO-sol", data:12187}]

ブラウザで初めてグラフを描画すると、グラフが表示されます(http://i.imgur.com/ruiwp.png)

しかし、2 番目の描画ボタンを押すと、少し違うグラフが表示されます(http://i.imgur.com/oIVxw.png) 申し訳ありませんが、私は初心者で、画像を追加できません。

2 番目の画像では、ラベルの背景を追加しました。この背景が最初の画像にすぐに表示されるようにするにはどうすればよいですか?

どちらの場合も、ラベルの HTML コードは同じです。最初：

<span class="pieLabel" id="pieLabel1" style="position: absolute; top: 525px; left: 347px;">
<div class="graph-label">
    CHO-60
    <br>
    69%
</div>
</span>

2番目：

<span class="pieLabel" id="pieLabel1" style="position: absolute; top: 505px; left: 293px;">
<div class="graph-label">
    CHO-60
    <br>
    69%
</div>
</span>