javascript - 更改 Highcharts 工具提示值

Question

是否可以更改 Highcharts 工具提示中的值？

$(function () {
    $('#container').highcharts({

        chart: {
        },

        xAxis: {
            categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul',
                                 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
        },

        tooltip: {
            shared: true
        },

        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]},
        {
            data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5]}]

    });
});

参见 fiddle http://jsfiddle.net/LBsL5/

只有系列 2 的值应采用 timeformat 作为 HH:MM(216.4 = 3 小时 36 分钟)。

有什么想法吗？

Answer 1

您可以使用工具提示 pointFormatter 来计算小时和分钟并返回您想要的格式。例如 ( JSFiddle ):

tooltip: {
    pointFormatter: function() {
        var hours = ("0" + Math.floor(this.y / 60)).slice(-2);
        var minutes = ("0" + Math.round(this.y - (Math.floor(this.y / 60) * 60))).slice(-2);

        return '<span style="color:{point.color}">\u25CF</span> '
                +this.series.name+': <b>'+hours+':'+minutes+'</b><br/>';
    }
}