Node.js 以X轴显示日期时间-绘图

Node.js 以X轴显示日期时间-绘图,node.js,angular,mongodb,plotly,plotly.js,Node.js,Angular,Mongodb,Plotly,Plotly.js,我正在写一份申请表。我试图在Y轴上显示一些值,在X轴上显示日期时间,时间间隔为3小时(即:上午12点、凌晨3点、上午6点、上午9点、下午12点、下午3点……) 我的Y轴代码是这样的 yaxis: { tickmode:"array", tickvals:[0,0.5,1.5,4,8,16], ticktext:[0,0.5,1.5,4,8,16], showgrid: false,

我正在写一份申请表。我试图在Y轴上显示一些值,在X轴上显示日期时间,时间间隔为3小时(即:上午12点、凌晨3点、上午6点、上午9点、下午12点、下午3点……)

我的Y轴代码是这样的

   yaxis: {
            tickmode:"array",
            tickvals:[0,0.5,1.5,4,8,16],
            ticktext:[0,0.5,1.5,4,8,16],
            showgrid: false,
            showline: true,
            autoscale: true,
            autorange: true,
            fixedrange: true,
            ticks: 'outside',
            zeroline: false
          },
    xaxis: {
        showgrid: false,
        showline: true,
        ticks: 'outside',
        zeroline: false
        }

有人能帮我吗?提前感谢。

您可以为
xaxis
值创建一个
datetime
数组,间隔为
3h

//make a date-time array with a interval    
function makeRange(y,interval) { 
      //y is yaxis data
      //interval is a numeric value for hour
      var x = []; //date array
      var d = new Date();
      for(i=0; i<y.length; i++){
         d.setHours(i*interval,0,0) //Add hour interval in date time
         var hours = d.getHours(); //get hours
         var ampm = hours >= 12 ? 'PM' : 'AM'; //set am/pm 
         var date = d.getDate()  + "-" + (d.getMonth()+1) + "-" + d.getFullYear() + " " + hours + ":" + d.getMinutes() + ampm; //create date format
         x.push(date)
      }
    return x;
  }
//创建具有间隔的日期时间数组
函数makeRange(y,区间){
//y是yaxis数据
//interval是小时的数值
var x=[];//日期数组
var d=新日期();
对于(i=0;i=12?'PM':'AM';//设置AM/PM
var date=d.getDate()+“-”+(d.getMonth()+1)+“-”+d.getFullYear()+“+hours+”:“+d.getMinutes()+ampm;//创建日期格式
x、 推送(日期)
}
返回x;
}