Jquery 在highcharts中设置Xaxis时间日期的格式
如何格式化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: {
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;//未格式化的年份编号
}