jquery - 在 Highcharts 中格式化 Xaxis 时间日期

Question

如何格式化 xAxis 时间数据，如图所示。 我试过的是:

xAxis: {
        allowDecimals: false,
        type: "datetime",
        categories: [Date.UTC(2013, 0, 7),Date.UTC(2013, 0, 9),Date.UTC(2014, 0, 3),Date.UTC(2015, 0, 5),Date.UTC(2016, 0, 7)],
        labels: {
            //format: '{value: %A, </b> %y </b> %B}',
            formatter: function () {
                var dayStr = Highcharts.dateFormat('%A', this.value);
                var monthstr = Highcharts.dateFormat('%B', this.value);
                var yearstr = Highcharts.dateFormat('%y', this.value);
                var finaldate = '<div>' + dayStr + '</div></br><div>' + yearstr + monthstr + '</div>'
                return finaldate;       // clean, unformatted number for year
            }
        }
    },

预期输出:

提前致谢!!

Answer 1

我通过添加 useHTML 修复了它

useHTML: true,
            //format: '{value: %A, </b> %y </b> %B}',
            formatter: function () {
                var dayStr = Highcharts.dateFormat('%A', this.value);
                var monthstr = Highcharts.dateFormat('%B', this.value);
                var yearstr = Highcharts.dateFormat('%y', this.value);
                var finaldate = '<div>' + dayStr + '</div><div>' + yearstr + ' ' + monthstr + '</div>'
                return finaldate;       // clean, unformatted number for year
            }