Highstocks：鼠标悬停数据点时如何让Tooltip显示年份？

嘿，我帮你找到了问题所在！你的Tooltip没显示年份，是因为Highcharts会根据数据的时间跨度自动调整日期显示格式，如果你的数据都集中在同一年，它默认会隐藏年份。要强制显示年份的话，只需要在配置里给Tooltip加上日期格式的设置就行，有两种简单的方法：

方法一：直接指定日期格式规则 #

在你的Highcharts.stockChart配置里添加tooltip配置项，针对天级别的数据设置包含年份的格式：

tooltip: {
    dateTimeLabelFormats: {
        day: '%Y-%m-%d', // 这里的%Y就是年份占位符
        week: '%Y-%m-%d',
        month: '%Y-%m',
        year: '%Y'
    }
}

这样不管数据跨度如何，对应时间粒度的Tooltip都会显示年份啦。

方法二：自定义Tooltip内容（更灵活） #

如果想要完全自定义Tooltip的显示样式，可以用formatter函数自己拼接内容：

tooltip: {
    formatter: function() {
        // 用Highcharts的dateFormat方法把时间戳转成带年份的日期
        var formattedDate = Highcharts.dateFormat('%Y-%m-%d', this.x);
        return `<b>${formattedDate}</b><br/>${this.series.name}: ${this.y}`;
    }
}

把上面任意一种配置加到你的代码里，Tooltip就会显示年份了～

内容的提问来源于stack exchange，提问作者KieranDotCo