Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 在highcharts中设置Xaxis时间日期的格式_Jquery_Css_Highcharts - Fatal编程技术网

Jquery 在highcharts中设置Xaxis时间日期的格式

Jquery 在highcharts中设置Xaxis时间日期的格式,jquery,css,highcharts,Jquery,Css,Highcharts,如何格式化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: {

如何格式化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
            }
        }
    },
xAxis:{
allowDecimals:false,
键入:“日期时间”,
类别:[日期UTC(2013,0,7),日期UTC(2013,0,9),日期UTC(2014,0,3),日期UTC(2015,0,5),日期UTC(2016,0,7)],
标签:{
//格式:“{值:%A,%y%B}”,
格式化程序:函数(){
var dayStr=Highcharts.dateFormat('%A',this.value);
var monthstr=Highcharts.dateFormat('%B',this.value);
var yearstr=Highcharts.dateFormat(“%y”,此.value);
var finaldate=''+dayStr+'
''+yearstr+monthstr+'' return finaldate;//未格式化的年份编号 } } },
预期产出:


提前谢谢

我通过添加
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
            }
useHTML:true,
//格式:“{值:%A,%y%B}”,
格式化程序:函数(){
var dayStr=Highcharts.dateFormat('%A',this.value);
var monthstr=Highcharts.dateFormat('%B',this.value);
var yearstr=Highcharts.dateFormat(“%y”,此.value);
var finaldate=''+dayStr+''+yearstr+''+monthstr+''
return finaldate;//未格式化的年份编号
}