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

相关内容

热门资讯

科普攻略!天天爱消除自动消除辅... 科普攻略!天天爱消除自动消除辅助,哈糖大菠萝怎么挂,攻略方法(有挂秘诀)是一款可以让一直输的玩家,快...
技术分享!老友麻将辅助器,hh... 您好,老友麻将辅助器这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这...
重大发现!蛮王大厅辅助,德州之... 重大发现!蛮王大厅辅助,德州之星扫描器,曝光教程(真是有挂);蛮王大厅辅助软件透明挂是一个全新上线的...
玩家必用!新超凡辅助,约局吧开... 玩家必用!新超凡辅助,约局吧开挂神器是真的吗,透明挂教程(有挂技巧);新超凡辅助最新软件透明挂直接下...
一分钟了解!新道游正版作弊,w... 一分钟了解!新道游正版作弊,wepoker辅助是真的假的,力荐教程(真实有挂);亲,有的,ai轻松简...
必备攻略!大巴杭州辅助,pok... 必备攻略!大巴杭州辅助,pokemmo脚本辅助,必赢教程(有挂总结);必备攻略!大巴杭州辅助,pok...
总算了解!微友辅助神器下载,h... 《总算了解!微友辅助神器下载,hhpoker德州机器人,可靠教程(真的有挂)》 微友辅助神器下载软件...
我来分享!陇南摆叫辅助,安装不... 我来分享!陇南摆叫辅助,安装不了wepoker,解密教程(有挂解惑);1、让任何用户在无需AI插件第...
攻略讲解!蜀山四川游戏修改工具... 攻略讲解!蜀山四川游戏修改工具,wepoker有没有插件,曝光教程(有挂教程);攻略讲解!蜀山四川游...
2024教程!开心十三张有没有... 您好,开心十三张有没有挂这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家...