Flot:在堆积图表上显示数字

时间:2015-08-24 15:12:51

标签: jquery flot

我正在使用Plot来显示不同的图表,并且增强了插件flot-barnumbers以显示它们的值。

问题在于堆积图表,输出如下:

enter image description here

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

我的格式化程序是:

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

1 个答案:

答案 0 :(得分:2)

我构建了一个包含示例数据的fiddle,以说明如何将barnumbersstacked插件一起使用。下面的选项将条形码放在堆积条形区域的中间:

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函数返回x值,即条形的水平中心。您可以使用xOffsetyOffset选项指定条形码标签的像素偏移量。

我无法使用你提到的酒吧总和重现小提琴。