Я не могу понять, как получить flot.pie, чтобы изменить данные, указанные в метках, от процента "необработанных данных" до фактических данных. В моем примере я создал круговую диаграмму с номерами прочитанных/непрочитанных сообщений.
Число прочитанных сообщений: 50. Количество непрочитанных сообщений: 150.
Созданный пирог показывает процент прочитанных сообщений как 25%. На этом месте я хочу показать 50 сообщений. См. Изображение ниже:
Код, который я использовал для создания пирога:
var data = [
{ label: "Read", data: 50, color: '#614E43' },
{ label: "Unread", data: 150, color: '#F5912D' }
];
и
$(function () {
$.plot($("#placeholder"), data,
{
series: {
pie: {
show: true,
radius: 1,
label: {
show: true,
radius: 2 / 3,
formatter: function (label, series) {
return '<div style="font-size:8pt;text-align:center;padding:2px;color:white;">' + label + '<br/>' + Math.round(series.percent) + '%</div>';
},
threshold: 0.1
}
}
},
legend: {
show: false
}
});
});
Возможно ли это?
С ответом @Ryley я пришел к грязному решению. Когда я выводил series.data, возвращались значения "1,150" и "1,50". Я придумал идею вычесть первые 2 символа возвращаемого значения и отобразить вычитаемое значение.
String(str).substring(2, str.lenght)
Это круговая диаграмма, которую я создал с помощью этого решения:
Это не лучшее решение, но оно работает для меня. если кто-то знает лучшее решение....