Я пытаюсь показать ход сбора средств, используя своего рода кольцевую диаграмму.Многие люди используют для этого стиль термометра или индикатор выполнения, но я действительно хотел бы приблизиться к чему-то вроде этого:
После того, как я потратил много времени на исследования, я нашел очень простое решение для построения пончика. используя flot, вот демонстрация: http://jsfiddle.net/6b7nZ
$(function () {
var data = [
{ label: "Donated", data: 20, color: '#f00' },
{ label: "Goal", data: 78, color: '#D3D3D3' }
];
$.plot($("#donut"), data,
{
series: {
pie: {
innerRadius: 0.7,
show: true,
label: { show: false }
}
},
legend: { show: false }
});
});
Сейчас мне не хватает способа добавить метку по центру. Я не должен говорить, что если кто-нибудь может указать мне плагин jQuery или что-то в этом роде, это будет еще лучше.