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

相关内容

热门资讯

wpk透明挂!德州ai在哪里找... wpk透明挂!德州ai在哪里找(透视)原先是真的有挂(详细辅助透明挂教程);是一款可以让一直输的玩家...
透视了解!aapoker脚本怎... 透视了解!aapoker脚本怎么用,wepoker免费钻石(详细辅助我来教教你);1、完成aapok...
智星德州菠萝!德扑软件决策(透... 一、智星德州菠萝简介了解软件请加微:136704302智星德州菠萝是一款在线扑克游戏平台,玩家可以在...
透视软件!wepoker辅助工... 透视软件!wepoker辅助工具,约局吧开挂神器是真的吗(详细辅助AI教程)wepoker辅助工具辅...
wepokeai代打的胜率!a... wepokeai代打的胜率!aapoker德州俱乐部(透视)原生是有挂(详细辅助AI教程)1、超多福...
wepoke确实有挂!德扑胜率... wepoke确实有挂!德扑胜率计算的软件(透视)原生真的是有挂(详细辅助揭秘教程);人气非常高,ai...
透视肯定!红龙poker辅助,... 透视肯定!红龙poker辅助,wpk私人局有透视吗(详细辅助wpk教程)1)红龙poker辅助辅助挂...
wepokeai代打的胜率!微... wepokeai代打的胜率!微扑克发牌逻辑(透视)从来存在有挂(详细辅助总结教程)wepokeai代...
透视讲解!wpk辅助软件,wp... 透视讲解!wpk辅助软件,wpk作弊(详细辅助微扑克教程)1、操作简单,无需注册,只需要使用手机进行...
德扑之星猫腻!德扑之星的发牌是... 德扑之星猫腻!德扑之星的发牌是不是有问题(透视)一直真的有挂(详细辅助2025教程)1、不需要AI权...