javascript - 使标题在highcharts中可点击并与bootstrap popover一起工作？

嗨，我想知道如何使highcharts中的标题成为一个链接，以便它能与bootstrap的popover功能一起工作。这是小提琴
http://jsfiddle.net/287JP/4/

$(function () {
         $('#container').highcharts({
             chart: {},
             title: {
                 text: 'Sales Funnel ' + '<a style="font-size:12px" id="popoverFunnel" data-toggle="popover" title="hello" data-content="hellooo">Hello</a>'
             },
             xAxis: {
                 minPadding: 0.05,
                 maxPadding: 0.05
             },

             series: [{
                 data: [{
                     x: 0,
                     y: 29.9,
                     url: 'http://www.google.com'
                 }, {
                     x: 1,
                     y: 71.5,
                     url: 'http://www.yahoo.com'
                 }]
             }],


             plotOptions: {
                 series: {
                     cursor: 'pointer',
                     point: {
                         events: {
                             click: function () {
                                 var url = this.options.url;
                                 window.open(url);
                             }
                         }
                     },
                 }
             },
         });
     });

    $('document').ready(function () {
        $('#popoverFunnel').popover();
    });

谢谢你
詹姆斯

最佳答案

我举了你的例子，让它和Bootstrap一起工作。见http://jsfiddle.net/key2xanadu/zfsfz0c9/。
解决方案包括在小狗身上贴上ID标签，然后在底部用工具将其弹出：

$('document').ready(function () {
    $("#text_title").tooltip({placement: 'bottom', title:"HELLO TITLE!"});
    $("#label_one").tooltip({placement: 'bottom', title:"HELLO ONE!"});
    $("#label_two").tooltip({placement: 'bottom', title:"HELLO TWO!"});
});

示例还展示了如何向X轴标签添加工具提示！