Flot：在堆积图上显示数字

Question

我正在使用 Plot 来显示不同的图表，并使用插件 flot-barnumbers-enhanced 来显示它们的值。

问题出在堆叠图表上，输出是这样的：

第一个问题是关于标签上的位置，第二个是我需要单个部分的值，而不是当前发生的总和。

我的格式化程序是：

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

Answer 1

我一起构建了一个 fiddle with sample data to illustrate how to use the barnumbers and stacked 插件。下面的选项将条形图编号放在堆叠条形图部分的中间：

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

xAlign 函数 returns x 值，即条形的水平中心。您可以使用 xOffset 或 yOffset 选项来指定条形图编号标签的像素偏移量。

我无法像您提到的那样使用条形总和来重现 fiddle。

Flot：在堆积图上显示数字

Flot: show numbers on stacked chart

jquery

flot