X轴日期格式dygraph(X axis date format dygraph)

2019-10-20 06:24发布

我试图格式化轴最新数据,使之出现在今年也不过什么都没有发生,我使用dygraph-combined.js

document.getElementById("graphdiv"),

// CSV or path to a CSV file.
"Date,Temperature\n" +
"2014-05-07,75\n" +
"2014-05-15,70\n" + 
"2014-05-23,80\n"+
"2014-05-30,72\n" ,{ 
          axes: {
            x: {
              axisLabelFormatter: function(d, gran) {
                  return Dygraph.dateAxisFormatter(new Date(d.getTime() + 7200*1000), gran);
              }
            }
          }
        }
);

Answer 1:

因为所有的日期落在同月,dygraphs已决定,显示今年将是多余的。 要覆盖这一点,你需要给自己格式化日期:

g = new Dygraph(document.getElementById("graphdiv"),
    "Date,Temperature\n" +
    "2014-05-07,75\n" +
    "2014-05-15,70\n" + 
    "2014-05-23,80\n"+
    "2014-05-30,72\n" ,{ 
      axes: {
        x: {
          axisLabelFormatter: function(d, gran) {
              var d = new Date(d.getTime() + 7200*1000);
              return d.strftime("%Y-%m-%d");
          }
        }
      }
    });

见小提琴这里 。 需要注意的是Date.strftime()不是标准,这是唯一可用的,因为dygraphs包括strftime.js。 这可能会在未来改变,在这种情况下你需要自己包括图书馆或格式化以另一种方式的日期。



文章来源: X axis date format dygraph