我正在使用Highcharts创建折线图。我想做的是确保x轴上的日期格式为“%b%e”格式。因此,例如,2014年6月27日表示为6月17日。
但是,使用我拥有的数据,即使我设置正确的日期格式,highcharts也会在图表中自动更改它。
在这个jsfiddle http://jsfiddle.net/uw2j06gc/中,您可以看到仅添加一些数据(通过取消注释某些行)就可以更改日期格式。为什么?
$(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”格式的日,周和月范围。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句