Question

30

How to get multiple series data in tooltip highcharts?

rated 0 times [ 37] [ 7] / answers: 1 / hits: 39993 / 11 Years ago, fri, october 11, 2013, 12:00:00

I want to display multiple series Data in tooltip on every column

tooltip: {

    formatter: function() {

        return '<span style=color:#D31B22;font-weight:bold;>' +this.series.name +': '+ this.y +'<br/>'+

               '<b style=color:#D31B22;font-weight:bold;>'+this.x +'</b><span>';

    }

},

and Data

series: [{

    showInLegend: false,

    name: 'Total Click',

    data: [3000,200,50,4000],

    color: '#9D9D9D'

}, {

    showInLegend: false,

    name: 'Total View',

    data: [100,2000,3000,4000],

    color: '#D8D8D8'

}]

I am using like this but in tool tip only one series data is showing at a time.
I want to display Data like this (Total View:100 and Total Click:3000 )

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

anitamaeg

Add To Favorites

Follow

Total Points: 466

Total Questions: 106

Total Answers: 106

Location: Suriname

Member since Sun, Jun 13, 2021

3 Years ago

answered 11 Years ago alorac · Accepted Answer

please try using this code

updated DEMO

tooltip: {

        formatter: function() {

            var s = [];



            $.each(this.points, function(i, point) {

                s.push('<span style=color:#D31B22;font-weight:bold;>'+ point.series.name +' : '+

                    point.y +'<span>');

            });



            return s.join(' and ');

        },

        shared: true

    },