时间戳

首页 > 解决方案 > echarts y轴不按顺序显示数组中的值

javascript - echarts y轴不按顺序显示数组中的值

问题描述

我想要做的是，在 y 轴上显示一个时间线，从早上 7 点到晚上 7 点每 15 分钟显示一次，即 7:00 AM ，7:15 AM .... 7:45 PM。

这是我的创建时间线功能

const CreateTimeLine = starttime =>{
  
  var hours, minutes, ampm;
  var time = [];

  // 60 * 12 = 720
  for(var i = 0; i <= 720; i += 15){
  
      hours = Math.floor(i / 60);
      minutes = i % 60;
      if (minutes < 10){
          minutes = '0' + minutes; // adding leading zero
      }
      // ampm = hours % 24 < 12 ? 'AM' : 'PM';
      hours = hours % 12;
      
      if (hours === 0){
          // state what time to start
          hours = starttime;
      }
      // time.push(hours + ':' + minutes + ' ' + ampm);
      
      time.push(hours + ':' + minutes);
  }
  
  /* console.log("timeline ", time) */;

  return time;
}

预期结果：时间线按我的函数的顺序显示。

实际结果：时间线未按预期显示。

在此处输入图像描述 我哪里做错了？？

这是我的整个代码的jsfiddle

标签： javascriptecharts

解决方案

推荐阅读