Javascript jQuery flot条编号：编号定位

我正在使用插件来显示条上的数字

我的代码：

$.plot("#placeholderByDay", [
            {
                data: DataOne, label: "Total Calls", bars: {
                    numbers:{
                        show:true,
                        xAlign: 80,//align top
                        yAlign: 1 
                        //yAlign: function(y) { return y+ 1; } //upside of bars
                    }
            } ]);

我现在得到的是：

我需要的是：

因此，当没有条形图的数据时，零应该正好位于轴的上方，有值的地方应该保持原样，两者都旋转90度。我怎样才能做到这一点呢？

哎呀，我

如果你想放弃这个插件，用一种有趣的方式去做；你自己编吧。它将给你自由定制任何你喜欢的方式

// after you draw the plot
var ctx = somePlot.getCanvas().getContext("2d");
var data = somePlot.getData()[0].data;
var xaxis = somePlot.getXAxes()[0];
var yaxis = somePlot.getYAxes()[0];
var offset = somePlot.getPlotOffset();
ctx.font = "16px 'Segoe UI'";
ctx.fillStyle = "black";    
for (var i = 0; i < data.length; i++){       
    var text = data[i][4] + '';
    var metrics = ctx.measureText(text);
    var xPos = xaxis.p2c(data[i][0]) + offset.left;
    var yPos = yaxis.p2c(data[i][5]) + offset.top + metrics.width + 5;
    // perform the rotation
    ctx.save();
    ctx.translate(xPos, yPos);
    ctx.rotate(-Math.PI/2);
    ctx.fillText(text, 1, 1);
    ctx.restore();
}

//绘制绘图后
var ctx=somePlot.getCanvas（）.getContext（“2d”）；
var data=somePlot.getData（）[0].data；
var xaxis=somePlot.getXAxes（）[0]；
var yaxis=somePlot.getYAxes（）[0]；
var offset=somePlot.getPlotOffset（）；
ctx.font=“16px‘Segoe用户界面’”；
ctx.fillStyle=“黑色”；
对于（var i=0；i

示例。

我在yaxis中使用“categories”，文本的y位置应该如下所示：

for(var i=0;i<data1.length;i++){
        .....
        var yPos = yaxis.p2c(i) + fontSize;
        .....
    }

for(var i=0;i<data1.length;i++){
        .....
        var yPos = yaxis.p2c(i+align) + fontSize;
        .....
}

（变量i=0；i）的