anzeigen Wert innerhalb der Bar - jQuery Grundstück horizontal gestapeltes Balkendiagramm

Question

Ich mag würde den Wert innerhalb der Bar auf dem flicht Balkendiagramm (horizontal und gestapelt) zeigen, so etwas wie diese:

|------------------------------------------- 
|     5     | 1 | 
|------------------------------------------- 
| 
|------------------------------------ 
|   3   |  2  | 
|------------------------------------ 

sah ich diese Post: Show value within bar on flot bar chart Die Werte erscheinen nur innerhalb des ersten gestapelten Balkens. Der zweite Wert ist die aktuelle Gesamt, nicht der entsprechende Wert der Stromschiene, zB:

|------------------------------------------- 
|     5 6    |  | 
|------------------------------------------- 
| 
|------------------------------------ 
|   3 5  |   | 
|------------------------------------ 

jemand ein gutes Plugin für diese Funktionalität wissen Sie? Auch möchte ich die Schriftgröße in der Leiste erhöhen.

Vielen Dank!

---

Hier den Code:

<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); 

Answer 1

Ich habe flot-barnumbers aktualisiert, um gestapelte Balken zu unterstützen, siehe die aktualisierte examples. Wenn du andere Features benötigst, schreib mir eine E-Mail oder öffne ein Problem, ich habe diese Frage nur zufällig gesehen.

Answer 2

Es scheint, dass flicht-Taktnummern nicht gestapeltes Balkendiagramm nicht unterstützt. Deshalb ist der Wert falsch gekennzeichnet. Ich würde empfehlen, jqBarGraph zu verwenden, das jQuery-Plugin ist, um gestapelte Balkendiagramme zu implementieren.

http://workshop.rs/jqbargraph/

Ich hoffe, dass es hilft.

Answer 3

Ich entschied mich schließlich, Highcharts Plugin zu verwenden, weil es viel besser dokumentiert ist und es gut funktioniert!