left highchart font family chart align javascript jquery jquery-ui jquery-plugins highcharts

javascript - font - no title highcharts



Highcharts: mantenga la información sobre herramientas que se muestra al hacer clic (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] }] }); });​

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" } } },