1

我刚开始使用 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)

但是然后我按下第二个绘图按钮,我看到了一个不同的图表(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>
4

0 回答 0