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、下载好宝宝游戏辅助正确养号方法之后点击打开,...
如何分辨真伪!小程序河北微乐脚... 如何分辨真伪!小程序河北微乐脚本!本来存在有辅助教程(有挂讲解)1、如何分辨真伪!小程序河北微乐脚本...
网友热议!福建天天开心辅助网!... 网友热议!福建天天开心辅助网!真是真的有辅助app(有挂方式)福建天天开心辅助网透视方法中分为三种模...
推荐十款!摸一把游戏跑得快辅助... 推荐十款!摸一把游戏跑得快辅助!总是存在有辅助软件(有挂方略)1、摸一把游戏跑得快辅助辅助器安装包、...
揭秘真相!三哥玩app辅助!真... 揭秘真相!三哥玩app辅助!真是存在有辅助攻略(有挂技术)进入游戏-大厅左侧-新手福利-激活码辅助透...
经调查!微信老友广东辅助器!本... 经调查!微信老友广东辅助器!本来是真的有辅助工具(有挂技巧)1、经调查!微信老友广东辅助器!本来是真...
玩家攻略推荐!钱塘13水挂件!... 玩家攻略推荐!钱塘13水挂件!其实确实有辅助攻略(有挂攻略)所有人都在同一条线上,像星星一样排成一排...
记者揭秘!蛮王大厅辅助教程!一... 记者揭秘!蛮王大厅辅助教程!一贯确实有辅助器(讲解有挂)1、上手简单,内置详细流程视频教学,新手小白...
必看攻略!新道游游戏辅助器安装... 必看攻略!新道游游戏辅助器安装包!总是是有辅助挂(详细教程)1、每一步都需要思考,不同水平的挑战会更...
有了最新消息!乐乐围棋入门辅助... 有了最新消息!乐乐围棋入门辅助器!真是是真的有辅助工具(果真有挂)1、这是跨平台的乐乐围棋入门辅助器...