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