Etiquetas de datos de la mancha en el gráfico de barras horizontales

Too much code to paste here so.... 

Consulte JS Fiddle en http://jsfiddle.net/1a2s35m2/ para obtener el código actual.

Estoy intentando crear un gráfico de barras horizontal usando flot. Como verá en el violín, esto funciona bien, pero quiero mostrar los valores de las barras dentro de las mismas barras y no como tags en el eje Y, como se muestra en la siguiente imagen … introduzca la descripción de la imagen aquí

He intentado usar el complemento de “tags” y también el complemento de graneros, pero parece que no funcionan. (Barnumbers se acerca pero muestra 0 1 2 3 como valores.

¿Algunas ideas?

Realmente estoy empezando a sonar como un disco roto aquí, pero a medida que tus gráficos se vuelven realmente complicados, olvídate de los complementos y hazlo tú mismo.

Aquí está el código modificado de mis enlaces anteriores que se adaptan a cómo dibujó sus plots:

  // after initial plot draw, then loop the data, add the labels // I'm drawing these directly on the canvas, NO HTML DIVS! // code is un-necessarily verbose for demonstration purposes var ctx = somePlot.getCanvas().getContext("2d"); // get the context var allSeries = somePlot.getData(); // get your series data var xaxis = somePlot.getXAxes()[0]; // xAxis var yaxis = somePlot.getYAxes()[0]; // yAxis var offset = somePlot.getPlotOffset(); // plots offset ctx.font = "12px 'Segoe UI'"; // set a pretty label font ctx.fillStyle = "black"; for (var i = 0; i < allSeries.length; i++){ var series = allSeries[i]; var dataPoint = series.datapoints.points; // one point per series var x = dataPoint[0]; var y = dataPoint[1]; var text = x + '%'; var metrics = ctx.measureText(text); var xPos = xaxis.p2c(x)+offset.left - metrics.width; // place at end of bar var yPos = yaxis.p2c(y) + offset.top - 2; ctx.fillText(text, xPos, yPos); } 

Violín actualizado.