How to place a datalabel at the bottom of a row of bars

Question

I have a (horizontal) histogram, and I want to add dataLabel to the base (or most) of the panel for this series.

looks like this: http://flowingdata.com/2009/05/22/poll-results-what-data-related-area-are-you-most-interested-in/

Can I use the format function to set this value?

plotOptions: { bar: { dataLabels: { formatter: function() { this.series.options.dataLabels.x = ????????????? return this.y; }, 

Answer 1

The function of the formatting function is to format the label text. This gives you the ability to change the internal state of the chart, but it is really easy to hack and as such may or may not work.

One way to place labels in the database is to use stack labels instead of data labels (data labels will be placed at the top of the panel either to the left or to the right). To configure stack labels in the database, follow these steps:

 yAxis: { // The y axis is horizontal 'bar' layout stackLabels: { style: { color: 'white' // Make the labels white }, enabled: true, // Enable stack labels verticalAlign: 'middle', // Position them vertically in the middle align: 'left' // Align them to the left edge of the bar } } 

You also need to set the styling to 'normal' :

Jsfiddle example:

Update: Labels for stack totals will display the sum of all episodes for a certain category (stack), therefore only if one diagram on the diagram contains stack labels and the -labels data shows the same value.