在highcharts中设置最小和最大日期和时间值

时间:2014-12-22 08:49:35

标签: datetime highcharts

我正在尝试使用以下java脚本代码显示堆积区域图表 开始日期和结束日期是javascript日期对象。

开始日期的值是 Sun Dec 01 2013 02:00:00 GMT+0200 (South Africa Standard Time)

在xAxis上设置最小值和最大值时,标签无法正常工作。如果我用Date.UTC替换Date对象,它就可以了。

如何将Date转换为minmax 的合适值?

        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']
            },

0 个答案:

没有答案