我需要一个饼图并找到Flot。它看起来简单而强大,但我发现的所有示例都使用固定值(例如 [1,2])描述“数据”,但我需要显示动态数据。我有五个变量最终必须加起来为 100。我只想包括值 > 0 的变量,如果它们的总和不等于 100,我想添加一个显示缺失百分比的元素。问题是我不知道如何动态构造数据参数。
我的代码如下。它有两个问题:1) $.plot 什么都不做 - 没有错误也没有 grapy 2)我不知道如何添加标签文本
function updatePieChart() {
var total = 0;
var data = new Array();
var verb = "";
var dataIndex = 0;
for (var dataIndex = 0; dataIndex < 5; dataIndex++) {
var duty = "DUTY_" + (dataIndex + 1);
var d = getData(duty + "_PERCENTAGETIMESPENT");
if (isNumeric(d)) {
d = parseInt(d);
if (d > 0) {
total += d;
data[dataIndex] = new Array();
data[dataIndex].push(d);
verb = getData(duty + "_SKILL");
if (verb == "") verb = duty + dataIndex;
log(duty + dataIndex + ' value: ' + d);
}
}
}
var count = data.length;
if (total != 100) {
if (total < 100) {
var missingDataNum = 100 - total;
data[count] = new Array();
data[count].push(missingDataNum);
verb = '**MISSING**';
log(verb + missingDataNum);
}
}
$.plot($('#pieChart'), data,
{
series: {
pie: {
show: true,
}
},
legend: {
show: false
}
});
}