Comment la position de datalabel à la base d'une série de barres

J'ai un (horizontale) de la barre graphique et je tiens à ajouter dataLabel est à la base (ou gauche) de la barre de la série.

similaire à ceci: http://flowingdata.com/2009/05/22/poll-results-what-data-related-area-are-you-most-interested-in/

Est-il un moyen en utilisant le formateur de la fonction à régler cette valeur?

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

OriginalL'auteur SteveJ | 2011-12-20

  1. 12

    La tâche du formateur de la fonction est de formater le texte de l'étiquette. Il vous donne un moyen de modifier l'état interne de la carte, mais c'est vraiment juste un hack et en tant que telle peut ou peut ne pas fonctionner.

    Une façon de placer les étiquettes à la base est d'utiliser la pile d'étiquettes à la place des étiquettes de données (les étiquettes de données sera placé au dessus de la barre soit aligné à gauche ou à droite). Pour configurer la pile d'étiquettes à la base, n':

    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
    }
}

    Vous aurez également besoin de mettre de l'empilement de 'normal':

    Exemple sur jsfiddle:

    Comment la position de datalabel à la base d'une série de barres

    Mise à jour: Étiquettes pour pile-totaux affiche la somme de toutes les séries pour une catégorie spécifique (pile), de sorte que dans le cas d'avoir un seul de la série dans le graphique de la pile-étiquettes et étiquettes de données indiquent la même valeur.

    OriginalL'auteur eolsson