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

相关内容

热门资讯

德州之星有外挂!微扑克辅助软件... 德州之星有外挂!微扑克辅助软件(透视)本来是有挂(详细辅助科技教程)1、金币登录送、破产送、升级送、...
wpk透视辅助!wpk俱乐部有... wpk透视辅助!wpk俱乐部有ai吗(透视)本然真的有挂(详细辅助玩家教程)1、很好的工具软件,可以...
aapoker透明挂!微扑克算... aapoker透明挂!微扑克算正规平台吗(透视)其实存在有挂(详细辅助AA德州教程)是一款可以让一直...
智星德州菠萝辅助器!德扑数据软... 1、智星德州菠萝辅助器!德扑数据软件(透视)一直真的是有挂(详细辅助安装教程);代表性(透视辅助软件...
德州ai辅助软件!wpk数据统... 德州ai辅助软件!wpk数据统计软件(透视)果然真的是有挂(详细辅助详细教程)德州ai辅助软件辅助器...
aapoker透视辅助!pok... aapoker透视辅助!pokermaster外挂(透视)总是真的是有挂(详细辅助攻略方法);人气非...
aapoker有挂!wpk德州... aapoker有挂!wpk德州胜利跟号有关么(透视)起初是真的有挂(详细辅助微扑克教程)是一款可以让...
wepower辅助器!wpk脚... wepower辅助器!wpk脚本(透视)果然有挂(详细辅助我来教教你)1、金币登录送、破产送、升级送...
WePoKe外挂!德扑之星真的... WePoKe外挂!德扑之星真的太假了(透视)从来真的有挂(详细辅助可靠技巧)1、WePoKe外挂ai...
wpk透视辅助!聚星扑克有假吗... wpk透视辅助!聚星扑克有假吗(透视)其实真的是有挂(详细辅助软件教程)是一款可以让一直输的玩家,快...