javascript - highcharts，可能的错误设置工具提示格式化程序和 html？

Question

我已经设置了这些选项:

                tooltip: {
                    shared: true,
                    useHTML: true,
                    formatter: function() {
                        return '<table style="text-align: center"><tr><td>{point.x:%Y-%b-%e}</td></tr><tr><td>Price: {point.y}</td></tr></table>';
                  }

但我仍然得到这个输出。

如果我使用:

               tooltip: {
                    shared: true,
                    useHTML: true,

                    headerFormat: '<table style="text-align: center"><tr><td>{point.x:%Y-%b-%e}</td></tr><tr><td>Price: {point.y}</td></tr></table>',
                    pointFormat: '',
                    footerFormat: '',
                    valueDecimals: 2
                },

然后我得到:

但是，当我缩小到全部或 10 年期间时，我得到与第一个相同的输出。

使用大约 3 年时似乎有错误。

这是一个演示错误的 jsfiddle:

https://jsfiddle.net/3Ld2zmum/2/

缩小到所有

Answer 1

在格式化程序中，您应该使用对点对象的引用和 Highcharts.dateFormat

formatter: function () {
            return '<table style="text-align: center"><tr><td>' + (Highcharts.dateFormat('%Y-%b-%e', this.x)) + '</td></tr><tr><td>Price: ' + this.y + ' </td></tr></table>';
        },

https://jsfiddle.net/3Ld2zmum/3/