ApexChartsX轴时间轴Epoch
创始人
2024-11-10 02:30:35
0
  1. 首先,需要将数据中的日期时间转换成 Epoch 时间戳格式,可以使用 JavaScript 中的 Date 对象的 getTime()方法,该方法返回自 1970 年 1 月 1 日 00:00:00 UTC 以来的毫秒数。

示例代码:

const datetime = "2021-02-08T09:00:00"; const epoch = new Date(datetime).getTime();

  1. 在 ApexCharts 的配置选项中,需要设置 xaxis 属性的 type"datetime",并为 type 提供一个时间戳数值。

示例代码:

const chartOptions = { xaxis: { type: "datetime", min: new Date("2021-02-01T00:00:00").getTime(), max: new Date("2021-02-28T23:59:59").getTime(), labels: { format: "dd/MM/yyyy" } } }

  1. 最后,将转换成 Epoch 格式的时间戳传递给 ApexCharts 的 series 数据中对应点的 x 值。

示例代码:

const chartData = [{ name: "Series A", data: [ [new Date("2021-02-01T00:00:00").getTime(), 100], [new Date("2021-02-02T00:00:00").getTime(), 200], [new Date("2021-02-03T00:00:00").getTime(), 150], // ... ] }];

通过上述步骤,就可以在 ApexCharts 中使用 Epoch 格式的时间轴了。

相关内容

热门资讯

第8分钟详情!方片十三张源码,... 第8分钟详情!方片十三张源码,河洛杠次脚本开发(果然有挂)-哔哩哔哩1、让任何用户在无需河洛杠次脚本...
3分钟曝光!决胜麻架胡易辅助,... 3分钟曝光!决胜麻架胡易辅助,人海大厅辅助插件(原来存在有挂)-哔哩哔哩1、每一步都需要思考,不同水...
9分钟必备!白银胡乐修改器,微... 9分钟必备!白银胡乐修改器,微友辅助器免费版v2.0(竟然是真的挂)-哔哩哔哩9分钟必备!白银胡乐修...
四分钟分享!小程序挖坑辅助器,... 四分钟分享!小程序挖坑辅助器,三江互娱辅助(竟然有挂)-哔哩哔哩1、每一步都需要思考,不同水平的挑战...
第四分钟解谜!雀神挂件脚本,四... 第四分钟解谜!雀神挂件脚本,四川途游辅助软件下载(真是有挂)-哔哩哔哩1、这是跨平台的四川途游辅助软...
七分钟解谜!多乐跑得快私人房间... 七分钟解谜!多乐跑得快私人房间辅助视频,丽水都莱辅助器(总是是真的挂)-哔哩哔哩1、点击下载安装,多...
第一分钟解密!友玩广西修改器,... 第一分钟解密!友玩广西修改器,九酷众游软件(真是真的有挂)-哔哩哔哩1、完成友玩广西修改器透视辅助安...
四分钟专业!丽水都莱脚本辅助视... 四分钟专业!丽水都莱脚本辅助视频,潮汕汇鱼虾蟹辅助(真是是真的挂)-哔哩哔哩1)丽水都莱脚本辅助视频...
七分钟曝光!奕乐辅助软件,天天... 七分钟曝光!奕乐辅助软件,天天福建十三兵修改器(总是真的是有挂)-哔哩哔哩亲,关键说明,天天福建十三...
五分钟专业!八大碗辅助器,人人... 五分钟专业!八大碗辅助器,人人燕赵挂(都是存在有挂)-哔哩哔哩五分钟专业!八大碗辅助器,人人燕赵挂(...