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')之类的字符串，以使其与该日期格式一起正常工作。

在JQuery Flot折线图中更改X轴范围

1 个答案: