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

相关内容

热门资讯

黑科技辅助!德扑ai助手,(德... 黑科技辅助!德扑ai助手,(德扑ai线上)原来真的有挂,详细教程(分享)-哔哩哔哩;作为德扑ai线上...
黑科技辅助!云扑克确实真的,(... 黑科技辅助!云扑克确实真的,(云扑克德州辅助器)原来真的有挂,技巧教程(揭秘)-哔哩哔哩是一款可以让...
黑科技辅助!wepoke确实有... 黑科技辅助!wepoke确实有挂,(WePoKe辅助软件)原来真的有挂,微扑克教程(有挂教程)-哔哩...
黑科技辅助!aa扑克发牌机制,... 黑科技辅助!aa扑克发牌机制,(AAPoKer软件)原来真的有挂,黑科技教程(详细教程)-哔哩哔哩;...
黑科技辅助!wepok软件透明... 黑科技辅助!wepok软件透明挂,(WePoKe脚本)原来真的有挂,德州论坛(有挂教程)-哔哩哔哩;...
黑科技辅助!德扑之星辅助器购买... 黑科技辅助!德扑之星辅助器购买,(德扑ai智能)原来真的有挂,详细教程(秘籍)-哔哩哔哩;德扑ai智...
黑科技辅助!wepokeai代... 黑科技辅助!wepokeai代打逻辑,(Wepoke实锤)原来真的有挂,攻略教程(真的有挂)-哔哩哔...
黑科技辅助!wepoke有透视... 黑科技辅助!wepoke有透视挂,(WePoKe试用)原来真的有挂,必赢教程(有挂实锤)-哔哩哔哩;...
黑科技辅助!wepoke透明挂... 黑科技辅助!wepoke透明挂操作技巧,(WePoKe计算)原来真的有挂,辅助教程(有挂方法)-哔哩...
黑科技辅助!德扑之星猫腻,(德... 黑科技辅助!德扑之星猫腻,(德扑ai助手)原来真的有挂,靠谱教程(揭秘)-哔哩哔哩;一、德扑之星猫腻...