Flot: show numbers on stacked chart

Question

I'm using Plot to display different charts, and the plugin flot-barnumbers-enhanced to display values on them.

The problem is with the stacked charts, the output is like this:

The first problem is regarding the position on the labels, and the second is that I need the value of the single portion, not the sum as it is currently happening.

My formatter is:

formatter: function (value) {
     return value.toFixed(2) + '%';
}

Can you build a [fiddle](http://jsfiddle.net) which shows your problem? — Raidri, Aug 24 '15 at 15:14

score 2 · Accepted Answer · answered Aug 25 '15 at 18:48

I built a fiddle with sample data to illustrate how to use the barnumbers and stacked plugins together. The options below place the bar number in the middle of the stacked bar section:

var options = {
    series: {
        bars: {
            show: true,
            barWidth: .9,
            align: "center",
            numbers: {
                show: true,
                formatter: function (value) {
                    return value.toFixed(2) + '%';
                },
                xAlign: function(x){
                    return x;
                },
                //xOffset: 15,
                //yOffset: 20
            }
        }
        stack: true
    }
};

The xAlign function returns the x value, which is the horizontal center of the bar. You can use xOffset or yOffset options to specify a pixel offset of the bar number labels.

I wasn't able to reproduce the fiddle using the sum of bars like you mentioned.

Thank you! My problem was that I was using raw data and stackpercentage: true . So I resolved calculating prior the percentage and then setting it up as in your example. — Lorenzo, Aug 27 '15 at 08:54

Flot: show numbers on stacked chart

1 Answers1