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

相关内容

热门资讯

揭秘真相"哥哥打大a... 揭秘真相"哥哥打大a辅助工具视频"开挂(神器)辅助神器有挂分析-必备教程>>您好:软件加136704...
最新技巧"微信公众号... 微信公众号辅助工具开挂教程视频分享装挂详细步骤在当今的网络游戏中,微信公众号辅助工具作为一种经典的娱...
来一盘"微乐云南小程... 来一盘"微乐云南小程序修改器ios"开挂(神器)辅助神器有挂秘诀-必赢教程 【无需打开直接搜索加薇1...
透视脚本"至友互娱情... 透视脚本"至友互娱情怀房卡"开挂(神器)辅助神器讲解有挂-详细教程>>您好:软件加136704302...
程序员教你"微乐陕西... 微乐陕西小程序破解器下载 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理...
专业讨论"新道游戏辅... 专业讨论"新道游戏辅助器免费版"开挂(插件)辅助插件竟然有挂-新2026教程>>您好:软件加1367...
揭秘攻略"拱趴大菠萝... 揭秘攻略"拱趴大菠萝玩的是运气吗"开挂(平台)辅助平台有挂秘笈-新2026教程;无需打开直接搜索薇:...
最新技巧"新星游辅助... 新星游辅助软件 无需打开直接搜索微信:136704302本司针对手游进行,选择我们的四大理由: 1、...
科技通报"哈局13张... 科技通报"哈局13张辅助器"开挂(工具)辅助工具有挂工具-必胜教程;无需打开直接搜索加(薇:1367...
热点推荐"白银胡乐辅... >>您好:白银胡乐辅助脚本下载确实是有挂的,很多玩家在这款白银胡乐辅助脚本下载游戏中打牌都会发现很多...