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

相关内容

热门资讯

透视挂!aapoker辅助怎么... 透视挂!aapoker辅助怎么用(透视)开挂辅助挂(都是真的有挂)-哔哩哔哩1、让任何用户在无需aa...
透视透视!wepoker开脚本... 透视透视!wepoker开脚本视频,wepoker永久免费脚本,操作教程(本来存在有挂)-哔哩哔哩1...
透视规律!德扑之心免费透视(透... 透视规律!德扑之心免费透视(透视)开挂辅助app(原来是真的挂)-哔哩哔哩透视规律!德扑之心免费透视...
透视好牌!wepoker透视脚... 透视好牌!wepoker透视脚本免费下载,wpk俱乐部怎么辅助,阶段教程(一贯是有挂)-哔哩哔哩1、...
透视辅助!wpk模拟器是什么(... 透视辅助!wpk模拟器是什么(透视)开挂辅助app(好像真的是有挂)-哔哩哔哩1、下载好wpk模拟器...
透视能赢!aapoker免费透... 透视能赢!aapoker免费透视脚本,wepoker怎么开辅助,窍要教程(原来真的有挂)-哔哩哔哩1...
透视靠谱!wpk系统是否存在辅... 透视靠谱!wpk系统是否存在辅助行为(透视)开挂辅助攻略(一贯有挂)-哔哩哔哩1、让任何用户在无需w...
透视实锤!约局吧德州可以透视吗... 透视实锤!约局吧德州可以透视吗,黑侠破解wepoker,攻略教程(本来有挂)-哔哩哔哩1、约局吧德州...
透视胜率!wepoker可以透... 透视胜率!wepoker可以透视码(透视)开挂辅助软件(切实是有挂)-哔哩哔哩在进入wepoker可...
透视透视!hhpoker德州真... 透视透视!hhpoker德州真的假的,拱趴大菠萝万能挂,举措教程(切实有挂)-哔哩哔哩1、操作简单,...