我正在尝试使用以下java脚本代码显示堆积区域图表 开始日期和结束日期是javascript日期对象。
开始日期的值是
Sun Dec 01 2013 02:00:00 GMT+0200 (South Africa Standard Time)
在xAxis上设置最小值和最大值时,标签无法正常工作。如果我用Date.UTC
替换Date对象,它就可以了。
如何将Date
转换为min
和max
的合适值?
var series = _.map(data, function(dp) { return { name: dp.PartySummary.DisplayName, data: _.map(_.pluck(dp.Values, 'TotalFee') ,function(value) { return Math.round(value); } ) }; });
var startDate = _.first(_.sortBy(_.map(_.flatten(_.pluck(data, 'Values')), function(item) { return new Date(item.Date); })));
var endDate = _.last(_.sortBy(_.map(_.flatten(_.pluck(data, 'Values')), function(item) { return new Date(item.Date); })));
$('#area').highcharts({
chart: {
type: 'area'
},
title: {
text: ''
},
subtitle: {
text: ''
},
xAxis: {
type: 'datetime',
min: startDate, //Date.UTC(2011, 4, 31), // THE UTC VERSION WORKS.
max: endDate, //Date.UTC(2012, 11, 6),
labels: {
step: 1,
style: {
fontSize: '13px',
fontFamily: 'Arial,sans-serif'
}
},
dateTimeLabelFormats: { // don't display the dummy year
month: '%b \'%y',
year: '%Y'
}
/// categories:['1','2','3','4','5','6','7','8','9','10','11','12']
},