高图表在工具提示中使用浮动日期而不是utc日期

Question

我使用的是Highcharts，我希望工具提示内容显示如下：local date : value(而不是默认格式categorie name : value(，所以我使用的tooltip.formatter如下：

tooltip: {
formatter() { 
return `${Highcharts.dateFormat('%H:%M:%S', +new Date(this.x))}:  <b>
${new Intl.NumberFormat().format(this.y)}</b>` 
}
}

现在的问题是，我在xaxis上显示本地日期，现在工具提示上的日期是utc日期，但我希望它也是本地日期：请参阅jsfiddle。

我不能使用global.useUTC，因为它从v6.0.5开始就被弃用了。

是否有任何方法可以将日期显示为xaxis上的日期，以便工具提示显示：date : value(如果我不必在tooltip.formatter中使用Highcharts.dateFormat会更好，因为格式并不总是'%H:%M:%S'，并且会随提供的数据而变化(？

Answer 1

使用图表时间格式化工具提示：

// Store a reference to the chart
const stockChart = Highcharts.stockChart('container', {
// ...
tooltip: {
formatter() {
// Use the time object of the chart to format the date
return `${stockChart.time.dateFormat('%H:%M:%S', +new Date(this.x))}:  <b>${new Intl.NumberFormat().format(this.y)}</b>` 
}               
}
// ...
})

JSFiddle 演示