Javascript Plotly：绘制具有相对时间的时间序列

我想使用Plotly.js可视化不同事件之间具有相对时间（毫秒）的时间序列。例如，我有以下数据：

[
{"group": 0, "event": "A", "relativeTime": 0},
{"group": 0, "event": "B", "relativeTime": 1000},
{"group": 0, "event": "C", "relativeTime": 2000},
{"group": 1, "event": "A", "relativeTime": 0},
{"group": 1, "event": "B", "relativeTime": 5000},
{"group": 1, "event": "C", "relativeTime": 10000},
{"group": 2, "event": "A", "relativeTime": 0},
{"group": 2, "event": "B", "relativeTime": 30000}
{"group": 2, "event": "C", "relativeTime": 300000},
]

数据表示不同的组（在示例组0-2中），每个组有几个事件（事件A-C），以及组的第一个事件和当前事件之间的相对时间跨度（以毫秒为单位）。例如：{“组”：0，“事件”：“B”，“相对时间”：1000}表示组“0”的事件“B”距离组“0”的事件“A”1000毫秒

为了绘制图形，我使用了散点图，其中y轴为组，x轴为相对时间，着色事件为事件。当我在散点图中绘制这些数据时，我得到如下结果：

此外，我想提供放大的可能性。例如，缩放时，图形的外观如下所示：

屏幕截图显示了我的当前状态

现在我的问题如下：
正如您在屏幕截图中看到的，x轴显示毫秒数。然而，为了更好的可读性，我想在几个月、几天、几小时或几分钟内显示这一点，具体取决于缩放级别。例如，如果未缩放图形，则图形应以天为单位显示时间（例如，1d、2d、3d等），如果缩放图形，则时间应以分钟为单位显示（例如，10min、20min、30min等）。有办法吗