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]}]

    });
});

请参阅小提琴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/>';
    }
}

更改Higcharts工具提示值

1 个答案: