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

相关内容

热门资讯

一分钟了解!wpk有辅助器吗,... 一分钟了解!wpk有辅助器吗,wpk辅助插件,其实存在有挂(有挂教学)辅助器是一种具有地方特色的麻将...
经调查!wepoker辅助透视... 经调查!wepoker辅助透视软件,德普之星透视辅助软件下载,竟然真的是有挂(真的有挂)1、下载好德...
重大来袭!德普之星透视辅助软件... 重大来袭!德普之星透视辅助软件激活码,wepoker辅助器安装包定制,其实存在有挂(有挂解惑)1、重...
更值得关注的是!德普之星app... 更值得关注的是!德普之星app安卓版破解版,德普之星怎么设置埋牌,都是确实有挂(有挂工具)德普之星a...
科技通报!wepoker开辅助... 科技通报!wepoker开辅助能查到吗,wepokerplus脚本,都是存在有挂(详细教程)脚本下载...
黑科技辅助挂!wejoker私... 黑科技辅助挂!wejoker私人辅助软件,德普之星怎么设置埋牌,原来是有挂(有挂工具)一、德普之星怎...
一分钟了解!wpk软件是正规的... 一分钟了解!wpk软件是正规的吗,pokemmo脚本手机版,本来真的是有挂(有挂教学)1、不需要AI...
据通报!微扑克数据分析,智星德... 据通报!微扑克数据分析,智星德州有脚本吗,原来存在有挂(果真有挂)1、超多福利:超高返利,海量正版游...
程序员教你!wepoker免费... 程序员教你!wepoker免费脚本弱密码,wepoker怎么买辅助,都是存在有挂(有挂头条)wepo...
现就发布提示!sohoo辅助,... 现就发布提示!sohoo辅助,德普之星辅助软件,一直存在有挂(有挂总结)1、玩家可以在德普之星辅助软...