score:1

I think the solution you are looking is some thing like this.

This canbe achieved using the datalabels and placing them properly at the position you have desired to.

plotOptions: {
        column: {
        dataLabels: {
            enabled: true,
          y: 0,
          verticalAlign: 'bottom',
          inside: true,
          color: 'white',
          formatter: function(e) {
            return this.series.name
          }
        }
      }
    },

score:1

You can set overflow to 'none' and crop to false to be able to display data labels out of the area plot.

API Reference:
http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.crop http://api.highcharts.com/highcharts/plotOptions.series.dataLabels.overflow

Example:
http://jsfiddle.net/5m0kkbhf/


Related Query

More Query from same tag