How to show values above bars in a dojox columns c

Question

Is there any way to show the y-value of every bar above the actual bar in a dojox columns-type chart? Here's my code (which I got from http://glenurban.me.uk/A55D03/Blog.nsf/dx/DojoChart.htm):

<script type="text/javascript">
dojo.require("dojox.charting.Chart2D");

var series1 = [ 3, 2, 5, 3, 6, 4]; 
var xlabels = [ 
    {value : 1, text : "a"}, 
    {value : 2, text : "b"}, 
    {value : 3, text : "c"}, 
    {value : 4, text : "d"}, 
    {value : 5, text : "e"}, 
    {value : 6, text : "f"}, 
    {value : 7, text : "g"}];

var chart1;
makeCharts = function() {
    chart1 = new dojox.charting.Chart2D("simplechart");
    chart1.addPlot("default", {
        type : "Columns",
        gap : 2
    });
    chart1.addAxis("x", {
        labels : xlabels
    });
    chart1.addAxis("y", {
        vertical : true,
        min : 0
    });
    chart1.addSeries("Series1", series1);
    chart1.render();
};

dojo.addOnLoad(makeCharts);
</script>

Answer 1

Unfortunately, it looks like this is a feature that still hasn't been included into the later versions of Dojo: see ticket, and this ticket (found from this mailing list.)

I've tried checking to see if there is a way to use Dojo GFX to get the values from your series of data... and then overlay that on to the chart. But, doing labels that way is going to be kludgy (and this all depends on if Dojo GFX's surface allows for a surface overlay on a SVG chart object already created.)

There's always the option to add this functionality in to the Dojo Chart2D library itself. But whenever you do that, unless you are able to get your patches changed with the main Dojo Chart2D branch, you'll want to be careful not to overwrite your custom-made library with a newer version of Chart2D in the future.

However, if you aren't stuck to Dojo for this particular need, have you considered using jQuery? There are many different chart/graph libraries out there, these days:

1. Highcharts (examples)
2. Flot (examples)
3. Tuftegraph (examples)

Also, Google Chart Tools is pretty nice, if jQuery isn't your thing.

Or... JavaScript InfoVis Toolkit is great, as well.

Answer 2

For information, it's now possible to have columns chart with label. For exemple :

addPlot("default", {type: "ClusteredColumns", labels: true,labelStyle:"outside" or "inside" })