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

相关内容

热门资讯

今年以来!werplan怎么透... 今年以来!werplan怎么透视(透视)战皇大厅辅助那个可靠(好像是真的辅助工具)-哔哩哔哩1、玩家...
此事引发广泛关注!聚星ai辅助... 此事引发广泛关注!聚星ai辅助工具激活码(透视)聚友联盟免费辅助器下载地址(都是存在有辅助app)-...
透视脚本!wepoker线上大... 透视脚本!wepoker线上大神(透视)中至余干安装挂(其实真的有辅助安装)-哔哩哔哩1)中至余干安...
透视能赢!wejoker透视方... 透视能赢!wejoker透视方法(透视)微信多乐小程序游戏破解器(一直是真的辅助辅助器)-哔哩哔哩所...
此事引发广泛关注!wepoke... 此事引发广泛关注!wepoker辅助器安装包定制(透视)小娴辅助软件下载(一直是真的辅助修改器)-哔...
透视线上!菠萝德州透视脚本(透... 透视线上!菠萝德州透视脚本(透视)衢州都莱辅助器是真的假的(好像真的有辅助软件)-哔哩哔哩1、全新机...
透视透视!wepoker可以免... 透视透视!wepoker可以免费玩吗(透视)微信小程序开心泉州辅助器(总是是真的辅助app)-哔哩哔...
这一现象值得深思!hhpoke... 这一现象值得深思!hhpoker的辅助是真的吗(透视)新上游通用挂(一直存在有辅助安装)-哔哩哔哩1...
透视透视挂!德普之星透视免费(... 透视透视挂!德普之星透视免费(透视)腾讯欢乐卡五星辅助器(好像有辅助神器)-哔哩哔哩所有人都在同一条...
据监测!德州局脚本(透视)微信... 据监测!德州局脚本(透视)微信小程序嘟嘟十三张脚本(切实真的有辅助辅助器)-哔哩哔哩1、超多福利:超...