Javascript Highcharts日期格式随数据变化
我正在使用Highcharts创建一个折线图。我要做的是确保x轴上的日期格式为“%b%e”格式。例如,2014年6月27日表示为6月17日 然而,对于我拥有的数据,即使我将日期格式设置正确,highcharts也会在图表中自动更改它 在这个JSFIDLE中,您可以看到仅仅添加一些数据(通过取消注释一些行)就改变了日期格式。为什么?Javascript Highcharts日期格式随数据变化,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我正在使用Highcharts创建一个折线图。我要做的是确保x轴上的日期格式为“%b%e”格式。例如,2014年6月27日表示为6月17日 然而,对于我拥有的数据,即使我将日期格式设置正确,highcharts也会在图表中自动更改它 在这个JSFIDLE中,您可以看到仅仅添加一些数据(通过取消注释一些行)就改变了日期格式。为什么? $(document).ready(function() { $('#container').highcharts({
$(document).ready(function() {
$('#container').highcharts({
xAxis: {
type: 'datetime',
dateTimeLabelFormats: {
month: '%b %e'
}
},
credits: {
enabled: false
},
series: [{
data: [
//if you uncomment the following 3 lines, the date format changes to Month-Day. Otherwise, it's Day-Month
// [Date.UTC(2014, 4, 27), 26],
// [Date.UTC(2014, 5, 3), 10],
// [Date.UTC(2014, 6, 27), 26],
[Date.UTC(2014, 7, 3), 10],
[Date.UTC(2014, 8, 27), 26],
[Date.UTC(2014, 9, 3), 10],
[Date.UTC(2014, 10, 9), 15],
[Date.UTC(2014, 11, 15), 40]
]
}]
});
});
因为Highcharts动态设置DateTime的范围。如果数据在周内,则应添加:
week:'%b %e'
当天:
day: '%b %e'
添加这些,您将拥有“%b%e”格式的日、周和月范围