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
        }
    });

data =

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

当我在浏览器中绘制第一次图表时，我会看到graph（http://i.imgur.com/ruiwp.png）

但是我按了第二个画按钮，我有点different graph（http://i.imgur.com/oIVxw.png）对不起，我是新手，我不能添加图片。

在第二张图片上添加标签背景。如何使这个背景立即出现在第一张图片上？

两种情况下标签的Html代码都相同。第一：

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

第二

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

flot graph-label奇怪的行为

0 个答案: