मैं किसी प्रकार के डोनट चार्ट का उपयोग करके एक फंडराइज़र की प्रगति दिखाने की कोशिश कर रहा हूं। बहुत से लोग उस के लिए एक थर्मामीटर शैली या प्रगति बार उपयोग करते हैं लेकिन मैं वास्तव में के रूप में कुछ इस तरह की संभव के रूप में करीब प्राप्त करना चाहते हैं: बाद मैं शोध में बहुत समय बितायासर्कुलर मीटर, सूचक (थर्मामीटर शैली के विकल्प के रूप में एक डोनट का उपयोग करके)
मैं एक बहुत ही के साथ आया था 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 }
});
});
क्या मैं अब याद कर रहा हूँ केंद्रित लेबल जोड़ने के लिए एक तरीका है: डोनट flot का उपयोग कर साजिश करने के लिए आसान समाधान, यहाँ डेमो है। मैं कहना है कि अगर कोई मुझे एक jQuery प्लगइन या कुछ को इंगित कर सकते हैं जैसे कि यह और भी बेहतर हो जाएगा नहीं है।
निश्चित रूप से आप एक टैग के साथ मध्य में एक div डाल सकते हैं? – jacktheripper