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作弊辅助挂教程,德扑之星透视挂大纲(切实是真的有辅助挂)AI 智能体黑科技再...
科技介绍,德扑之星插件视频,w... 科技介绍,德扑之星插件视频,wpk有挂吗攻略(总是真的有辅助挂)是一款可以让一直输的玩家,快速成为一...
玩家必看科普,德州辅助软件,智... 德州辅助软件AI 游戏攻略黑科技上线本地缓存功能,离线查阅能力开挂。提前下载对应游戏攻略数据包,断网...
玩家必备科技,wepoker作... 玩家必备科技,wepoker作弊挂是真的吗,微扑克透视软件绝活(最初真的有辅助器)AI 是一款可以让...
玩家必看教程!,wepoker... 一款 AI 游戏攻略黑科技工具上线,查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...
详细说明,德州牌面分析器最新版... 详细说明,德州牌面分析器最新版本更新内容,WePoKer透视是真的吗手册(最初是有辅助);近期一款 ...
科技介绍,wepoker有挂吗... 您好,wepoker有挂吗透视知乎这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302...
一起来探讨,wepoker原来... 一起来探讨,wepoker原来有挂,AApoker透视讲义(往昔存在有透视)是一款可以让一直输的玩家...
重大来袭,德州wpk开挂辅助软... 您好:德州wpk开挂辅助软件这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用...
新2025教程,wepoker... 新2025教程,wepoker如何开透视,AApoker是不是有挂秘籍(一向是有开挂)AI 智能体黑...