javascript - font - no title highcharts

Highcharts: mantenga la información sobre herramientas que se muestra al hacer clic

Question

Tengo un gráfico de gráficos altos y permití al usuario crear dinámicamente sus propios indicadores. Ahora quiero poder hacer clic en la bandera y poder mantener su información sobre herramientas mostrando todo el tiempo hasta que vuelva a hacer clic en la bandera. La razón para esto es permitir que el usuario dé un significado especial a los puntos, y cuando guardan el gráfico como una imagen, quiero que muestre la información de información sobre herramientas que dejaron.

Alguien sabe cómo hacer esto o hacer esto? No puedo entender cómo acceder a la información sobre herramientas de las banderas

plotOptions: {
            series: {
                allowPointSelect: true,
                animation: false,
                dataGrouping: {
                    force: true,
                    smoothed: true
                }
            },
            line: {
                allowPointSelect: true,
                animation: false,
                point: {
                    events: {
                        click: function () {
                            var thePoint = this;
                            var previousFlag = findFlag(thePoint);
                            if (previousFlag != null) {
                                previousFlag.remove();
                            } else {
                                createFlagForm(thePoint);
                            }
                        }
                    }
                }
            },
            flags: {
                point: {
                    events: {
                        click: function() { 
                            //How to access the tooltip? this means the flag point itself
                        }
                    }
                },
                tooltip: {
                    useHTML: true,
                    xDateFormat: "%B-%e-%Y %H:%M"
                }
            }
        },

Answer 1

Acabo de azotar esto. Cuando hace clic en un punto, persistirá la información sobre herramientas. Lo hace clonando el elemento tooltip svg y anexándolo a la trama.

Aquí hay un violín .

$(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]        
        }]
    });
});​