Fixer les dataLabels de Highcharts au bas de l'écran

Question

J'ai eu beau chercher, je n'ai pas trouvé de moyen simple de fixer les dataLabels de Highcharts en bas du graphique. Ce que je cherche, c'est quelque chose comme ce qui suit, pour le graphique en colonnes :

 80 -           
 40 -  |  |    |  | |  |
  0 -|_|__|_|__|_|_|__|_|__|_|
        80   40     80   80
         Cat 1       Cat 2

Merci pour votre aide.

Answer 1

Vous pouvez itérer sur chaque élément, et utiliser la fonction translate, qui permet de "déplacer" les éléments SVG.

var bottom = chart.plotHeight - 20;

    $.each(chart.series[0].data,function(i,data){

        data.dataLabel.attr({
            y: bottom
        });
    });

Prenons un exemple simple :

http://jsfiddle.net/wMLg6/39/

Answer 2

Je pense que le code ci-dessous vous aidera. stacking est l'astuce. changer y selon votre tableau.

plotOptions:{

    column:{
        stacking:'normal',
    dataLabels:{
        enabled:true,
        verticalAlign:'bottom',
        y:40
    }
    },
},