score:38

Accepted answer

i just whipped this up. when you click a point it will persist the tooltip. it does this by cloning the tooltip svg element and appending it to the plot.

here's a fiddle.

$(function () {
    clonetooltip = null;
    chart = new highcharts.chart({
        chart: {
            renderto: 'container'
        },
        xaxis: {
            categories: ['jan', 'feb', 'mar', 'apr', 'may', 'jun', 'jul', 'aug', 'sep', 'oct', 'nov', 'dec']
        },

        plotoptions: {
            series: {
                cursor: 'pointer',
                point: {
                    events: {
                        click: function() { 
                            if (clonetooltip)
                            {
                                chart.container.firstchild.removechild(clonetooltip);
                            }
                            clonetooltip = this.series.chart.tooltip.label.element.clonenode(true);
                            chart.container.firstchild.appendchild(clonetooltip);
                        }
                    }
                }
            }
        },

        series: [{
            data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
        }]
    });
});‚Äč

Related Query

More Query from same tag