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 格式的时间轴了。

相关内容

热门资讯

揭秘关于!wepoker有什么... 您好:wepoker有什么规律这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多...
发现玩家!如何判断wpk辅助软... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
实测教程!智星德州有脚本吗,微... 智星德州有脚本吗AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包,...
今日百科!wepoker插件辅... 本地部署 AI 黑科技工具迎来新版本,不用上传文件到云端就能完成wepoker插件辅助解析、 AI ...
一分钟快速了解!wpk辅助,W... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
推荐一款!!wepoker辅助... 推荐一款!!wepoker辅助器安装包,微扑克可以装挂吗平台(最初有透视)AI 是一款可以让一直输的...
今日公布!微扑克微乐辅助,微扑... 您好,今日公布!微扑克微乐辅助,微扑克透视软件平台(原生存在有开挂)这款游戏可以开挂的,确实是有挂的...
总算了解!!wepoker透视... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
交流学习经验!wepoker透... 交流学习经验!wepoker透视破解版,WPK能不能开挂下载(真是真的是有透视)AI 是一款可以让一...
推荐十款!wpk透视怎么安装,... 您好:wepoker透视是真的吗这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很...