CODEWITHSUNDEEP
highcharts
rlsaj
rlsaj

Reputation: 735

Highcharts: Show data label at top of column graph

I have the data that I want to display, but as a tooltip, here: http://jsfiddle.net/9rds9avr/. 

  formatter: function () {
                        if (this.points[1].y <= this.points[0].y) {
                            var s = this.points[0].y - this.points[1].y;

                        } else {
                            var s = this.points[1].y - this.points[0].y;
                            s = '-' + s;
                        }
                        return s;
                    }

Note that it displays the difference between 2 series at a specific point.

I want this displayed at the top of the column, like the percentage data labels shown in this stacked chart example: http://jsfiddle.net/sbochan/L02awbfe/7/.

How do I turn my tooltip into a datalabel? Do I need to set up a datalabel for each series?

Upvotes: 0

Views: 1624

Answers (1)

ema
ema

Reputation: 951

maybe this one:

positioner: function (labelWidth, labelHeight, point) {
            return { x: point.plotX + 30, y: 40 };
        },

your jsFiddle

Upvotes: 2

Related Questions