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

相关内容

热门资讯

正版辅助!wepoker可以免... 正版辅助!wepoker可以免费玩吗,陕麻圈延安划水辅助,开挂(透视)辅助下载(的确有挂);陕麻圈延...
传授开挂!hhpoker买挂,... 传授开挂!hhpoker买挂,陕麻圈脚本辅助,开挂(透视)辅助工具(有挂教学);亲,有的,ai轻松简...
辅助开挂!牵手辅助神器下载,w... 辅助开挂!牵手辅助神器下载,wepoker私人局辅助器怎么用(透视)开挂辅助下载(讲解有挂)相信很多...
辅助开挂!winner辅助软件... 辅助开挂!winner辅助软件,aapoker俱乐部靠谱吗(透视)开挂辅助插件(有挂工具);亲,有的...
开挂辅助!潘潘讲故事辅助器,德... 开挂辅助!潘潘讲故事辅助器,德普之星透视辅助软件(透视)开挂辅助神器(存在有挂);1、让任何用户在无...
曝光辅助!来玩德州破解器,指尖... 曝光辅助!来玩德州破解器,指尖辅助,开挂(透视)辅助软件(有挂秘籍);亲,有的,ai轻松简单,又可以...
开挂辅助!天天爱柳州辅助,we... 开挂辅助!天天爱柳州辅助,wepoker私人辅助器(透视)开挂辅助插件(有挂讲解);1、超多福利:超...
教会辅助!hhpoker有后台... 教会辅助!hhpoker有后台操作吗,吉祥填大坑有什么诀窍,开挂(透视)辅助平台(真的有挂);1、这...
开挂辅助!乐酷大厅怎么安装,h... 开挂辅助!乐酷大厅怎么安装,hhpoker怎么开透视(透视)开挂辅助脚本(有挂神器);1、这是跨平台...
技术分享"游戏辅助器... 技术分享"游戏辅助器免费版"开挂(透视)wepoker怎么设置透视(真是有挂);软件透视开挂更新新赛...