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

相关内容

热门资讯

第五分钟下载!微乐小程序黑科技... 第五分钟下载!微乐小程序黑科技,微乐小程序自建房辅助ios(开挂)真是是有挂(2026)1、微乐小程...
这一现象值得深思!微乐小程序黑... 这一现象值得深思!微乐小程序黑科技,微乐自建房运势高有什么表现(透视)都是是有挂(哔哩哔哩)1、任何...
第二分钟安装!微乐小程序黑科技... 第二分钟安装!微乐小程序黑科技,微信微乐陕西挖坑小程序破解器(开挂)确实真的有挂(2026)1、每一...
透视好友!微乐小程序免费黑科技... 透视好友!微乐小程序免费黑科技,微乐陕西麻将破解(透视)总是有挂(哔哩哔哩)1、首先打开微乐小程序免...
第七分钟安装!微乐小程序黑科技... 第七分钟安装!微乐小程序黑科技,微乐自建房免费黑科技下载苹果(开挂)其实真的有挂(2026)一、微乐...
有玩家发现!微乐小程序黑科技,... 有玩家发现!微乐小程序黑科技,微乐小程序黑科技免费知乎(透视)本来有挂(哔哩哔哩)1)微乐小程序黑科...
第三分钟开挂!微乐小程序黑科技... 第三分钟开挂!微乐小程序黑科技,微乐小程序辅助工具免费版(开挂)一贯是有挂(2026)暗藏猫腻,小编...
黑科技技巧!微乐小程序免费黑科... 黑科技技巧!微乐小程序免费黑科技,微乐自建房辅助多少钱一个月(透视)其实真的是有挂(哔哩哔哩)黑科技...
四分钟透视!微乐小程序免费黑科... 四分钟透视!微乐小程序免费黑科技,微信小程序微乐辅助器(开挂)确实真的是有挂(2026)1、起透看视...
经核实!微乐小程序免费黑科技,... 经核实!微乐小程序免费黑科技,微信小程序微乐怎么才能发好牌(透视)本来存在有挂(哔哩哔哩)经核实!微...