<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script>
// 间隔1分钟输出
const timeset = count => {
let result = []
for (let i = 0; i < count; i++) {
if (count === 24) {
result.push(i + ':')
} else {
let j = i
if (j < 10) j = '0' + j
result.push(j + '')
}
}
return result
}
// 间隔n分钟输出
const minset = (count, n) => {
let result = []
for (let i = 0; i < count; i += n) {
let j = i
if (j < 10) j = '0' + j
result.push(j + '')
}
return result
}
// 输出时间数组
const timeline2arr = () => {
//hours
let hour2arr = timeset(24),
// minutes
min2arr = timeset(60),
// min2arr = minset(60, 5),
//time2arr
time2arr = hour2arr.map(h => min2arr.map(m => h + m)).reduce((prev, next) => prev.concat(next))
return time2arr
}
// const data = JSON.stringify(timeline2arr())
// debugger
console.log(timeline2arr())
</script>
</body>
</html>
echarts 时间轴修改
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 前言: 由于项目中用到了报表,选了个国内比较流行的报表插件----echarts 在使用时发现X轴类目数据过长,导...
- 话不多说,老规矩,先上图,实现echarts实现散点图,x轴数据为时间年月日。 实现代码如下: echarts学习...
- 最近写一个项目要实现画图,感觉ECharts这个框架里边的图效果好一点,所以就用这个插件来实现我得画图功能,我用的...