jquery - 我们可以默认显示工具提示而不是鼠标悬停吗

Question

我正在使用 highcharts 并且工作正常，并且工具提示出现在单个条的鼠标悬停上，但我需要在图表加载时显示它们。我试过像

tooltip:{enabled:true;}

但不工作。任何人都可以建议我一个解决方案

Answer 1

使用内部函数tooltip.refresh(point);见示例：http: //jsfiddle.net/3bQne/238/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        events: {
            load: function() {
                this.tooltip.refresh(this.series[0].data[0]);
            }
        }

    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0]        
    }]
});

当然，然后您需要复制该工具提示，然后显示另一点和另一点。我不建议使用该解决方案（我更喜欢使用 Mark's answer 中的 dataLabels ）。

Answer 2

正如评论中所说，highcharts 有一个可重复使用的工具提示。

您可以编写一些代码来放置它，然后在每个点克隆它，但我认为这是 Highstock标志功能的一个很好的用例。

    data = [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8];

    flagData = [];
    for (var i=0; i < data.length; i++){
        flagData.push({x: i, title: data[i]+""});    
    }

    $('#container').highcharts({ 
        series: [{
            data: data,
            id : 'dataseries',
            type: 'line'
        },{
            type : 'flags',
            data : flagData,
            onSeries : 'dataseries',
            width : 16,
            linkedTo: 'dataseries'
        }]            
    });

产生：

示例小提琴在这里。