Подсказка Highstock 'a tag' не отображается

Question

Я пытаюсь добавить тег якоря во всплывающую подсказку о флагах.Я столкнулся с парой проблем с этим:

1. Теги привязки не отображаются во всплывающей подсказке.
2. Когда я пытаюсь навести курсор на всплывающую подсказку, подсказка исчезает.

Мой код выглядит так:

$.getJSON('https://cdn.rawgit.com/highcharts/highcharts/057b672172ccc6c08fe7dbb27fc17ebca3f5b770/samples/data/usdeur.json', function (data) {

  var year = new Date(data[data.length - 1][0]).getFullYear(); // Get year of last data point

  // Create the chart
  Highcharts.stockChart('container', {


    rangeSelector: {
      selected: 4
    },

    title: {
      text: 'USD to EUR exchange rate'
    },

    yAxis: {
      title: {
        text: 'Exchange rate'
      }
    },

    series: [{
      name: 'USD to EUR',
      data: data,
      id: 'dataseries',
      tooltip: {
        valueDecimals: 4
      }
    },{
      type: 'flags',
      data: [{
        x: Date.UTC(year, 11, 1),
        title: 'B',
        text: 'make me clickable'
      }, {
        x: Date.UTC(year, 11, 1),
        title: 'B',
        text: '<a>make me clickable</a>'
      }],
      shape: 'circlepin',
      onSeries: 'dataseries',
      width: 16,
      tooltip: {                          
                          pointFormat: '<a href="#">{point.text}</a>'
                      }       ,
      style:{
        border:'1px solid green'
      }
    }]
  });
});

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>


<div id="container" style="height: 400px"></div>

Что я делаю не так?

Answer 1

Вы должны установить useHTML на true для всплывающей подсказки.Чтобы упростить наведение на всплывающую подсказку, увеличьте значение hideDelay и отключите stickyTracking для серий:

    tooltip: {
        useHTML: true,
        hideDelay: 5000
    }

Демонстрационная версия: http://jsfiddle.net/BlackLabel/ncrgwvzu/

API:

https://api.highcharts.com/highstock/series.line.stickyTracking

https://api.highcharts.com/highstock/tooltip.useHTML