更改 JQuery 折线图中的 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) 和 returns 相同，时间约为纪元后 2 秒。您必须将参数作为 new Date('2015-08') 之类的字符串提供，才能使其与该日期格式一起正常工作。

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

Change X Axis Range in JQuery Flot Line Chart

javascript

jquery

line

flot