How to use the tooltip formatter and still display chart color (like it does by default)?

Question

If I\'m using the default Highcharts tooltip, it displays a circle the color of the chart data (the light/dark blue circles at http://jsfiddle.net/WOUNDEDStevenJones/mpMvk/1

Answer 1

I found the documentation for this (http://api.highcharts.com/highcharts#tooltip.pointFormat). The HTML they're using is located under pointFormat, not formatter:

\u25CF {series.name}: {point.y}

Here's the updated code to use to get the colored circles in the tooltip:

tooltip: {
    formatter: function() {
        var s = ''+ this.x +'';

        $.each(this.points, function(i, point) {
            s += '
\u25CF ' + point.series.name + ': ' + point.y;
        });

        return s;
    },
    shared: true
},