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

相关内容

热门资讯

分享认知!微信小程序游戏破解微... 分享认知!微信小程序游戏破解微乐游戏,微信微乐辅助透视-竟然真的是有辅助软件(有人有挂)1、微信小程...
分辨真假!微乐家乡麻辣自建房辅... 分辨真假!微乐家乡麻辣自建房辅助app,微乐小程序修复系统有用吗-都是真的有辅助脚本(有挂规律)1、...
必备教程!微乐小程序黑科技免费... 必备教程!微乐小程序黑科技免费工具,微乐陕西小程序辅助-总是真的有辅助app(有挂规律);进入游戏-...
传递经验!小程序微乐游戏辅助器... 传递经验!小程序微乐游戏辅助器,微乐家乡app辅助器-好像存在有辅助方法(有挂工具)1、操作简单,无...
最新研发!微信小程序微乐辅助免... 最新研发!微信小程序微乐辅助免费,微信自建房辅助多少钱一个月-其实有辅助器(果真有挂)暗藏猫腻,小编...
玩家爆料!微信微乐小程序游戏辅... 玩家爆料!微信微乐小程序游戏辅助脚本,微乐江西小程序辅助-原来有辅助器(有挂技巧)亲,关键说明,微信...
热点推荐!微乐手游辅助脚本平台... 热点推荐!微乐手游辅助脚本平台,微乐广西小程序-原来有辅助技巧(竟然有挂)1、微乐手游辅助脚本平台免...
重大发现!微乐小程序辅助工具,... 重大发现!微乐小程序辅助工具,收i就微乐小程序游戏破解器-切实是有辅助器(有人有挂)小薇(辅助器软件...
玩家必备科普!微乐小程序游戏破... 玩家必备科普!微乐小程序游戏破解器,微乐自建房辅助软件-本来真的有辅助攻略(今日头条)1、这是跨平台...
详细说明!微信微乐小程序游戏辅... 详细说明!微信微乐小程序游戏辅助脚本,微信微乐辅助透视-好像真的是有辅助方法(有挂技巧)1、上手简单...