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私人局俱乐部怎么进(透视)一贯是真的有挂(详细辅助线上教程);支持多人共享记...
透视了解(wepoker)gg... 透视了解(wepoker)gg扑克发牌是不是有机制(透视)详细辅助2025新版教程是一款可以让一直输...
透视中牌率!wepoke真的有... 透视中牌率!wepoke真的有挂,wepoke线上,详细透视透视教程1、超多福利:超高返利,海量正版...
透视插件!hhpoker透视功... 透视插件!hhpoker透视功能如何下载(透视)详细辅助技巧教程(竟然真的有挂)1、首先打开hhpo...
透视辅助!拱趴大菠萝十三水作弊... 透视辅助!拱趴大菠萝十三水作弊(透视)从来真的是有挂(详细辅助2025版教程);大神普及一款德州ai...
透视苹果版(wEpoKe)we... 透视苹果版(wEpoKe)wepoke智能ai(透视)详细辅助微扑克教程;wepoke智能ai软件透...
透视了解!wepoke确实有挂... 透视了解!wepoke确实有挂,wepoke软件透明挂测试,详细透视黑科技教程1、实时wepoke确...
透视app!aapoker辅助... 透视app!aapoker辅助工具存在吗(透视)详细辅助介绍教程(一贯是有挂);aapoker辅助工...
透视ai代打(wEPOKE)德... 透视ai代打(wEPOKE)德州ai智能营销系统(透视)详细辅助黑科技教程关于德州ai智能营销系统机...
透视真的!hhpoker透视工... 透视真的!hhpoker透视工具(透视)先前有挂(详细辅助黑科技教程)这是由厦门游乐互动科技有限公司...