Круговой счетчик, индикатор (с использованием пончика в качестве альтернативы стилю термометра)

Я пытаюсь показать ход сбора средств, используя своего рода кольцевую диаграмму.Многие люди используют для этого стиль термометра или индикатор выполнения, но я действительно хотел бы приблизиться к чему-то вроде этого:

После того, как я потратил много времени на исследования, я нашел очень простое решение для построения пончика. используя 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 или что-то в этом роде, это будет еще лучше.

9
задан Jason Aller 12 May 2016 в 15:58
поделиться