Показать значение в строке-jQuery график горизонтальная столбчатая гистограмма
Я хотел бы показать значение внутри бара на диаграмме флота (горизонтальной и штабелированной), что-то вроде этого :
|-------------------------------------------
|                 5                 |   1  |
|-------------------------------------------
|
|------------------------------------
|           3         |       2     |
|------------------------------------
Я видел этот пост : показать значение в баре на диаграмме flot bar Значения отображаются только внутри первой панели stacked. Второе значение-это текущая сумма, а не соответствующее значение текущего бара, например:
|-------------------------------------------
|                 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);
3 ответов
я обновил flot-barnumbers для поддержки штабелированных баров, см. обновленный примеры. Если вам нужны какие-либо другие функции, отправьте мне электронное письмо или откройте проблему, я только случайно увидел этот вопрос.
кажется, что flot-barnumbers не поддерживает сложенную гистограмму. Вот почему ценность помечена неправильно. Я бы рекомендовал использовать jqbargraph, который является плагином jQuery для реализации сложенных гистограмм.
http://workshop.rs/jqbargraph/
Я надеюсь, что это помогает.
Я, наконец, решил использовать Модуль Highcharts потому что это гораздо лучше документированы и хорошо работает!
