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怎么买辅助,拱趴大菠萝万能辅助器,一直真的有挂(真的有挂)1、起透看视 辅助...
信息共享!wepoker透视脚... 信息共享!wepoker透视脚本,wpk私人局辅助是真的吗,竟然真的是有挂(真实有挂)1、进入到是否...
玩家必看科普!wepoker底... 玩家必看科普!wepoker底牌透视,竞技联盟辅助,本来真的是有挂(有挂分析)1、点击下载安装,竞技...
查到实测!云扑克有透视吗,po... 查到实测!云扑克有透视吗,pokemmo脚本,原来真的有挂(证实有挂)1)辅助插件:进一步探索辅助大...
实测发现!wepoker破解器... 实测发现!wepoker破解器激活码,hhpoker是真的吗,确实真的是有挂(有挂细节)破解侠是真的...
技术分享!wepoker有透视... 技术分享!wepoker有透视吗,wepoker透视脚本视频,竟然是真的有挂(有挂实锤)1、玩家可以...
今日公布!hhpoker怎么开... 今日公布!hhpoker怎么开透视,wejoker免费脚本,好像真的是有挂(有挂规律)1、今日公布!...
推荐十款!wepoker有辅助... 推荐十款!wepoker有辅助功能吗,hhpoker透视脚本下载,其实是真的有挂(有挂透视)1、上手...
今日科普!德普之星私人局辅助免... 今日科普!德普之星私人局辅助免费,aapoker能控制牌吗,竟然存在有挂(有挂辅助)1、上手简单,内...
查到实测!wepoker透视版... 查到实测!wepoker透视版下载,werplan外卦神器,一直是真的有挂(有挂总结)运辅助工具,进...