6
मैं flot बार चार्ट पर पट्टी के भीतर मूल्य (क्षैतिज और खड़ी) प्रदर्शित करना चाहते हैं, कुछ इस तरह:मूल्य दिखाएँ - jQuery साजिश क्षैतिज स्टैक्ड बार चार्ट
|-------------------------------------------
| 5 | 1 |
|-------------------------------------------
|
|------------------------------------
| 3 | 2 |
|------------------------------------
मैं इस देखा पोस्ट: Show value within bar on flot bar chart मान केवल पहले स्टैक्ड बार के अंदर दिखाई देते हैं।
|-------------------------------------------
| 5 6 | |
|-------------------------------------------
|
|------------------------------------
| 3 5 | |
|------------------------------------
कोई इस कार्यक्षमता के लिए एक अच्छा प्लगइन जानते हैं: दूसरा मान वर्तमान कुल, नहीं वर्तमान बार, जैसे उनसे संबंधित मान है? इसके अलावा, मैं बार के अंदर फ़ॉन्ट आकार को बढ़ाना चाहता हूं।
धन्यवाद!
यहाँ कोड:
<script language="javascript" type="text/javascript" src="js/flot/jquery.flot.js"></script>
<script language="javascript" type="text/javascript" src="js/flot/jquery.flot.pie.js"></script>
<script language="javascript" type="text/javascript" src="js/flot/jquery.flot.stack.js"></script>
<script language="javascript" type="text/javascript" src="js/flot/jquery.flot.barnumbers.js"></script>
var data = [
{label: 'Label 1', color:"#80FF80", data: [[1,5], [2,3]]},
{label: 'Label 2', color:"#FF8080", data: [[1,1], [2,2]]}
];
//reverse data for horizontal
for (series in data){
var s = data[series];
for (i=0;i<s.data.length;i++){
var tmp = s.data[i][0];
s.data[i][0] = s.data[i][1];
s.data[i][1] = tmp;
}
}
var options = {
series: {
stack: 0,
lines: {show: false, steps: false },
bars: {
show: true,
barWidth: 0.5,
align: 'center',
horizontal: true,
showNumbers: true
},
},
yaxis: {ticks: [[1,'Category 1'], [2,'Category 2']]},
};
$.plot($("#flot-example-2"), data, options);
क्या आप अपना कोड पोस्ट कर सकते हैं? http://codepen.io/pen/ –
क्षमा करें, मैंने अभी कोड जोड़ा है, धन्यवाद! –
आप यहां डेमो देख सकते हैं: http://codepen.io/anon/full/mrbdK –