javascript - 更改 JQuery Flot 折线图中的 X 轴范围

Question

我想将 X 轴的范围设置为一年，而不是线的点数，我有代码:

obj = {"TO EXPORT":{"color":"#d9534f","list":
                    [["2016","1","1"],
                     ["2016","2","6"]]},
       "RTG":{"color":"#5cb85c","list":
              [["2016","1","2"],
               ["2016","2","7"]]}}

seriesData = [];  
var minTime = new Date(2015-08).getTime();
var maxTime = new Date(2016-02).getTime();;
for (var prop in obj) {
    seriesData.push({label: prop, color:obj[prop].color, data:$.map(obj[prop].list, function(i,j){
         return [[new Date(i[0],i[1]-1).getTime(), i[2]]];
    })});    
}

// plot it!
$.plot('#flot-line-chart', seriesData, {
    xaxis: { mode: 'time', timeformat: '%Y-%m'}
});

如果我这样绘制它，它只会显示 2 个点，这很好，但我希望看到 x 轴像六个月前一样扩展至少 6 个点。

我尝试将 min 和 max 标签添加到 xaxis 属性，但它无法正常工作，如下所示:

xaxis: { mode: 'time', timeformat: '%Y-%m', min: minTime , max:maxTime}

Answer 1

new Date(2015-08) 与 new Date(2007) 相同，返回纪元后约 2 秒的时间。您必须将参数作为字符串提供，例如 new Date('2015-08') 才能使其在该日期格式下正常工作。