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

Question

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

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的答案中的dataLabels）。

Answer 2

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

你可以编写放置它的东西，然后在每个点克隆它，但我认为这是Highstock的flags capabilities的一个很好的用例。

    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'
        }]            
    });

产地：

示例小提琴here。