绘制完毕之后中间有间隔

Open landOfsun opened this issue 2 years ago • 1 comments

首先很感谢作者的开源分享。问题：当我绘制的时间段很多，宽度比较长的时候发现中间有间隔，能不能看下这个问题呢，比如数据： { // 显示时间段 time2: '2023-05-29 00:00:00', timeSegments: [ { "index": 0, "name": "00-08-48.mp40", "beginTime": 1685290128000, "endTime": 1685290729000, "beginStr": "2023-05-29 00:08:48", "endStr": "2023-05-29 00:18:49", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/00-08-48.mp4", "seekTime": 0 }, { "index": 1, "name": "00-18-50.mp41", "beginTime": 1685290730000, "endTime": 1685291323000, "beginStr": "2023-05-29 00:18:50", "endStr": "2023-05-29 00:28:43", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/00-18-50.mp4" }, { "index": 2, "name": "00-28-52.mp42", "beginTime": 1685291332000, "endTime": 1685291933000, "beginStr": "2023-05-29 00:28:52", "endStr": "2023-05-29 00:38:53", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/00-28-52.mp4" }, { "index": 3, "name": "00-38-54.mp43", "beginTime": 1685291934000, "endTime": 1685292531000, "beginStr": "2023-05-29 00:38:54", "endStr": "2023-05-29 00:48:51", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/00-38-54.mp4" }, { "index": 4, "name": "00-48-56.mp44", "beginTime": 1685292536000, "endTime": 1685293135000, "beginStr": "2023-05-29 00:48:56", "endStr": "2023-05-29 00:58:55", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/00-48-56.mp4" }, { "index": 5, "name": "00-58-58.mp45", "beginTime": 1685293138000, "endTime": 1685293739000, "beginStr": "2023-05-29 00:58:58", "endStr": "2023-05-29 01:08:59", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/00-58-58.mp4" }, { "index": 6, "name": "01-09-00.mp46", "beginTime": 1685293740000, "endTime": 1685294341000, "beginStr": "2023-05-29 01:09:00", "endStr": "2023-05-29 01:19:01", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/01-09-00.mp4" }, { "index": 7, "name": "01-19-02.mp47", "beginTime": 1685294342000, "endTime": 1685294943000, "beginStr": "2023-05-29 01:19:02", "endStr": "2023-05-29 01:29:03", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/01-19-02.mp4" }, { "index": 8, "name": "01-29-04.mp48", "beginTime": 1685294944000, "endTime": 1685295545000, "beginStr": "2023-05-29 01:29:04", "endStr": "2023-05-29 01:39:05", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/01-29-04.mp4" }, { "index": 9, "name": "01-39-06.mp49", "beginTime": 1685295546000, "endTime": 1685296147000, "beginStr": "2023-05-29 01:39:06", "endStr": "2023-05-29 01:49:07", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/01-39-06.mp4" }, { "index": 10, "name": "01-49-08.mp410", "beginTime": 1685296148000, "endTime": 1685296749000, "beginStr": "2023-05-29 01:49:08", "endStr": "2023-05-29 01:59:09", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/01-49-08.mp4" }, { "index": 11, "name": "01-59-10.mp411", "beginTime": 1685296750000, "endTime": 1685297351000, "beginStr": "2023-05-29 01:59:10", "endStr": "2023-05-29 02:09:11", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/01-59-10.mp4" }, { "index": 12, "name": "02-09-12.mp412", "beginTime": 1685297352000, "endTime": 1685297953000, "beginStr": "2023-05-29 02:09:12", "endStr": "2023-05-29 02:19:13", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/02-09-12.mp4" }, { "index": 13, "name": "02-19-14.mp413", "beginTime": 1685297954000, "endTime": 1685298553000, "beginStr": "2023-05-29 02:19:14", "endStr": "2023-05-29 02:29:13", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/02-19-14.mp4" }, { "index": 14, "name": "02-29-17.mp414", "beginTime": 1685298557000, "endTime": 1685299158000, "beginStr": "2023-05-29 02:29:17", "endStr": "2023-05-29 02:39:18", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/02-29-17.mp4" }, { "index": 15, "name": "02-39-18.mp415", "beginTime": 1685299158000, "endTime": 1685299759000, "beginStr": "2023-05-29 02:39:18", "endStr": "2023-05-29 02:49:19", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/02-39-18.mp4" }, { "index": 16, "name": "02-49-20.mp416", "beginTime": 1685299760000, "endTime": 1685300361000, "beginStr": "2023-05-29 02:49:20", "endStr": "2023-05-29 02:59:21", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/02-49-20.mp4" }, { "index": 17, "name": "02-59-22.mp417", "beginTime": 1685300362000, "endTime": 1685300963000, "beginStr": "2023-05-29 02:59:22", "endStr": "2023-05-29 03:09:23", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/02-59-22.mp4" }, { "index": 18, "name": "03-09-24.mp418", "beginTime": 1685300964000, "endTime": 1685301561000, "beginStr": "2023-05-29 03:09:24", "endStr": "2023-05-29 03:19:21", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/03-09-24.mp4" }, { "index": 19, "name": "03-19-26.mp419", "beginTime": 1685301566000, "endTime": 1685302163000, "beginStr": "2023-05-29 03:19:26", "endStr": "2023-05-29 03:29:23", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/03-19-26.mp4" }, { "index": 20, "name": "03-29-28.mp420", "beginTime": 1685302168000, "endTime": 1685302769000, "beginStr": "2023-05-29 03:29:28", "endStr": "2023-05-29 03:39:29", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/03-29-28.mp4" }, { "index": 21, "name": "03-39-30.mp421", "beginTime": 1685302770000, "endTime": 1685303371000, "beginStr": "2023-05-29 03:39:30", "endStr": "2023-05-29 03:49:31", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/03-39-30.mp4" }, { "index": 22, "name": "03-49-32.mp422", "beginTime": 1685303372000, "endTime": 1685303969000, "beginStr": "2023-05-29 03:49:32", "endStr": "2023-05-29 03:59:29", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/03-49-32.mp4" }, { "index": 23, "name": "03-59-34.mp423", "beginTime": 1685303974000, "endTime": 1685304571000, "beginStr": "2023-05-29 03:59:34", "endStr": "2023-05-29 04:09:31", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/03-59-34.mp4" }, { "index": 24, "name": "04-09-37.mp424", "beginTime": 1685304577000, "endTime": 1685305178000, "beginStr": "2023-05-29 04:09:37", "endStr": "2023-05-29 04:19:38", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/04-09-37.mp4" }, { "index": 25, "name": "04-19-39.mp425", "beginTime": 1685305179000, "endTime": 1685305780000, "beginStr": "2023-05-29 04:19:39", "endStr": "2023-05-29 04:29:40", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/04-19-39.mp4" }, { "index": 26, "name": "04-29-41.mp426", "beginTime": 1685305781000, "endTime": 1685306382000, "beginStr": "2023-05-29 04:29:41", "endStr": "2023-05-29 04:39:42", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/04-29-41.mp4" }, { "index": 27, "name": "04-39-43.mp427", "beginTime": 1685306383000, "endTime": 1685306984000, "beginStr": "2023-05-29 04:39:43", "endStr": "2023-05-29 04:49:44", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/04-39-43.mp4" }, { "index": 28, "name": "04-49-45.mp428", "beginTime": 1685306985000, "endTime": 1685307586000, "beginStr": "2023-05-29 04:49:45", "endStr": "2023-05-29 04:59:46", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/04-49-45.mp4" }, { "index": 29, "name": "04-59-47.mp429", "beginTime": 1685307587000, "endTime": 1685308188000, "beginStr": "2023-05-29 04:59:47", "endStr": "2023-05-29 05:09:48", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/04-59-47.mp4" }, { "index": 30, "name": "05-09-49.mp430", "beginTime": 1685308189000, "endTime": 1685308790000, "beginStr": "2023-05-29 05:09:49", "endStr": "2023-05-29 05:19:50", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/05-09-49.mp4" }, { "index": 31, "name": "05-19-51.mp431", "beginTime": 1685308791000, "endTime": 1685309392000, "beginStr": "2023-05-29 05:19:51", "endStr": "2023-05-29 05:29:52", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/05-19-51.mp4" }, { "index": 32, "name": "05-29-53.mp432", "beginTime": 1685309393000, "endTime": 1685309994000, "beginStr": "2023-05-29 05:29:53", "endStr": "2023-05-29 05:39:54", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/05-29-53.mp4" }, { "index": 33, "name": "05-39-55.mp433", "beginTime": 1685309995000, "endTime": 1685310596000, "beginStr": "2023-05-29 05:39:55", "endStr": "2023-05-29 05:49:56", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/05-39-55.mp4" }, { "index": 34, "name": "05-49-57.mp434", "beginTime": 1685310597000, "endTime": 1685311198000, "beginStr": "2023-05-29 05:49:57", "endStr": "2023-05-29 05:59:58", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/05-49-57.mp4" }, { "index": 35, "name": "05-59-59.mp435", "beginTime": 1685311199000, "endTime": 1685311800000, "beginStr": "2023-05-29 05:59:59", "endStr": "2023-05-29 06:10:00", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/05-59-59.mp4" }, { "index": 36, "name": "06-10-01.mp436", "beginTime": 1685311801000, "endTime": 1685312402000, "beginStr": "2023-05-29 06:10:01", "endStr": "2023-05-29 06:20:02", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/06-10-01.mp4" }, { "index": 37, "name": "06-20-03.mp437", "beginTime": 1685312403000, "endTime": 1685313004000, "beginStr": "2023-05-29 06:20:03", "endStr": "2023-05-29 06:30:04", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/06-20-03.mp4" }, { "index": 38, "name": "06-30-05.mp438", "beginTime": 1685313005000, "endTime": 1685313606000, "beginStr": "2023-05-29 06:30:05", "endStr": "2023-05-29 06:40:06", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/06-30-05.mp4" }, { "index": 39, "name": "06-40-07.mp439", "beginTime": 1685313607000, "endTime": 1685314208000, "beginStr": "2023-05-29 06:40:07", "endStr": "2023-05-29 06:50:08", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/06-40-07.mp4" }, { "index": 40, "name": "06-50-09.mp440", "beginTime": 1685314209000, "endTime": 1685314810000, "beginStr": "2023-05-29 06:50:09", "endStr": "2023-05-29 07:00:10", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/06-50-09.mp4" }, { "index": 41, "name": "07-00-11.mp441", "beginTime": 1685314811000, "endTime": 1685315408000, "beginStr": "2023-05-29 07:00:11", "endStr": "2023-05-29 07:10:08", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/07-00-11.mp4" }, { "index": 42, "name": "07-10-13.mp442", "beginTime": 1685315413000, "endTime": 1685316014000, "beginStr": "2023-05-29 07:10:13", "endStr": "2023-05-29 07:20:14", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/07-10-13.mp4" }, { "index": 43, "name": "07-20-15.mp443", "beginTime": 1685316015000, "endTime": 1685316616000, "beginStr": "2023-05-29 07:20:15", "endStr": "2023-05-29 07:30:16", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/07-20-15.mp4" }, { "index": 44, "name": "07-30-17.mp444", "beginTime": 1685316617000, "endTime": 1685317218000, "beginStr": "2023-05-29 07:30:17", "endStr": "2023-05-29 07:40:18", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/07-30-17.mp4" }, { "index": 45, "name": "07-40-19.mp445", "beginTime": 1685317219000, "endTime": 1685317820000, "beginStr": "2023-05-29 07:40:19", "endStr": "2023-05-29 07:50:20", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/07-40-19.mp4" }, { "index": 46, "name": "07-50-21.mp446", "beginTime": 1685317821000, "endTime": 1685318422000, "beginStr": "2023-05-29 07:50:21", "endStr": "2023-05-29 08:00:22", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/07-50-21.mp4" }, { "index": 47, "name": "08-00-25.mp447", "beginTime": 1685318425000, "endTime": 1685319026000, "beginStr": "2023-05-29 08:00:25", "endStr": "2023-05-29 08:10:26", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/08-00-25.mp4" }, { "index": 48, "name": "08-10-27.mp448", "beginTime": 1685319027000, "endTime": 1685319628000, "beginStr": "2023-05-29 08:10:27", "endStr": "2023-05-29 08:20:28", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/08-10-27.mp4" }, { "index": 49, "name": "08-20-29.mp449", "beginTime": 1685319629000, "endTime": 1685320230000, "beginStr": "2023-05-29 08:20:29", "endStr": "2023-05-29 08:30:30", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/08-20-29.mp4" }, { "index": 50, "name": "08-30-31.mp450", "beginTime": 1685320231000, "endTime": 1685320817000, "beginStr": "2023-05-29 08:30:31", "endStr": "2023-05-29 08:40:17", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/08-30-31.mp4" }, { "index": 51, "name": "08-41-22.mp451", "beginTime": 1685320882000, "endTime": 1685320894000, "beginStr": "2023-05-29 08:41:22", "endStr": "2023-05-29 08:41:34", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/08-41-22.mp4" }, { "index": 52, "name": "08-42-37.mp452", "beginTime": 1685320957000, "endTime": 1685321554000, "beginStr": "2023-05-29 08:42:37", "endStr": "2023-05-29 08:52:34", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/08-42-37.mp4" }, { "index": 53, "name": "08-52-37.mp453", "beginTime": 1685321557000, "endTime": 1685322153000, "beginStr": "2023-05-29 08:52:37", "endStr": "2023-05-29 09:02:33", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/08-52-37.mp4" }, { "index": 54, "name": "09-02-39.mp454", "beginTime": 1685322159000, "endTime": 1685322755000, "beginStr": "2023-05-29 09:02:39", "endStr": "2023-05-29 09:12:35", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/09-02-39.mp4" }, { "index": 55, "name": "09-12-41.mp455", "beginTime": 1685322761000, "endTime": 1685323358000, "beginStr": "2023-05-29 09:12:41", "endStr": "2023-05-29 09:22:38", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/09-12-41.mp4" }, { "index": 56, "name": "09-22-43.mp456", "beginTime": 1685323363000, "endTime": 1685323964000, "beginStr": "2023-05-29 09:22:43", "endStr": "2023-05-29 09:32:44", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/09-22-43.mp4" }, { "index": 57, "name": "09-32-45.mp457", "beginTime": 1685323965000, "endTime": 1685324566000, "beginStr": "2023-05-29 09:32:45", "endStr": "2023-05-29 09:42:46", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/09-32-45.mp4" }, { "index": 58, "name": "09-42-47.mp458", "beginTime": 1685324567000, "endTime": 1685325166000, "beginStr": "2023-05-29 09:42:47", "endStr": "2023-05-29 09:52:46", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/09-42-47.mp4" }, { "index": 59, "name": "09-52-49.mp459", "beginTime": 1685325169000, "endTime": 1685325770000, "beginStr": "2023-05-29 09:52:49", "endStr": "2023-05-29 10:02:50", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/09-52-49.mp4" }, { "index": 60, "name": "10-02-51.mp460", "beginTime": 1685325771000, "endTime": 1685326366000, "beginStr": "2023-05-29 10:02:51", "endStr": "2023-05-29 10:12:46", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/10-02-51.mp4" }, { "index": 61, "name": "10-12-53.mp461", "beginTime": 1685326373000, "endTime": 1685326970000, "beginStr": "2023-05-29 10:12:53", "endStr": "2023-05-29 10:22:50", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/10-12-53.mp4" }, { "index": 62, "name": "10-22-55.mp462", "beginTime": 1685326975000, "endTime": 1685327576000, "beginStr": "2023-05-29 10:22:55", "endStr": "2023-05-29 10:32:56", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/10-22-55.mp4" }, { "index": 63, "name": "10-32-57.mp463", "beginTime": 1685327577000, "endTime": 1685328170000, "beginStr": "2023-05-29 10:32:57", "endStr": "2023-05-29 10:42:50", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/10-32-57.mp4" }, { "index": 64, "name": "10-42-59.mp464", "beginTime": 1685328179000, "endTime": 1685328780000, "beginStr": "2023-05-29 10:42:59", "endStr": "2023-05-29 10:53:00", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/10-42-59.mp4" }, { "index": 65, "name": "10-53-01.mp465", "beginTime": 1685328781000, "endTime": 1685329382000, "beginStr": "2023-05-29 10:53:01", "endStr": "2023-05-29 11:03:02", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/10-53-01.mp4" }, { "index": 66, "name": "11-03-03.mp466", "beginTime": 1685329383000, "endTime": 1685329984000, "beginStr": "2023-05-29 11:03:03", "endStr": "2023-05-29 11:13:04", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/11-03-03.mp4" }, { "index": 67, "name": "11-13-05.mp467", "beginTime": 1685329985000, "endTime": 1685330586000, "beginStr": "2023-05-29 11:13:05", "endStr": "2023-05-29 11:23:06", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/11-13-05.mp4" }, { "index": 68, "name": "11-23-07.mp468", "beginTime": 1685330587000, "endTime": 1685331188000, "beginStr": "2023-05-29 11:23:07", "endStr": "2023-05-29 11:33:08", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/11-23-07.mp4" }, { "index": 69, "name": "11-33-10.mp469", "beginTime": 1685331190000, "endTime": 1685331787000, "beginStr": "2023-05-29 11:33:10", "endStr": "2023-05-29 11:43:07", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/11-33-10.mp4" }, { "index": 70, "name": "11-43-11.mp470", "beginTime": 1685331791000, "endTime": 1685332392000, "beginStr": "2023-05-29 11:43:11", "endStr": "2023-05-29 11:53:12", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/11-43-11.mp4" }, { "index": 71, "name": "11-53-13.mp471", "beginTime": 1685332393000, "endTime": 1685332994000, "beginStr": "2023-05-29 11:53:13", "endStr": "2023-05-29 12:03:14", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/11-53-13.mp4" }, { "index": 72, "name": "12-03-15.mp472", "beginTime": 1685332995000, "endTime": 1685333036000, "beginStr": "2023-05-29 12:03:15", "endStr": "2023-05-29 12:03:56", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/12-03-15.mp4" }, { "index": 73, "name": "12-04-58.mp473", "beginTime": 1685333098000, "endTime": 1685333698000, "beginStr": "2023-05-29 12:04:58", "endStr": "2023-05-29 12:14:58", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/12-04-58.mp4" }, { "index": 74, "name": "12-14-58.mp474", "beginTime": 1685333698000, "endTime": 1685334299000, "beginStr": "2023-05-29 12:14:58", "endStr": "2023-05-29 12:24:59", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/12-14-58.mp4" }, { "index": 75, "name": "12-25-00.mp475", "beginTime": 1685334300000, "endTime": 1685334901000, "beginStr": "2023-05-29 12:25:00", "endStr": "2023-05-29 12:35:01", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/12-25-00.mp4" }, { "index": 76, "name": "12-35-02.mp476", "beginTime": 1685334902000, "endTime": 1685335503000, "beginStr": "2023-05-29 12:35:02", "endStr": "2023-05-29 12:45:03", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/12-35-02.mp4" }, { "index": 77, "name": "12-45-04.mp477", "beginTime": 1685335504000, "endTime": 1685336101000, "beginStr": "2023-05-29 12:45:04", "endStr": "2023-05-29 12:55:01", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/12-45-04.mp4" }, { "index": 78, "name": "12-55-06.mp478", "beginTime": 1685336106000, "endTime": 1685336707000, "beginStr": "2023-05-29 12:55:06", "endStr": "2023-05-29 13:05:07", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/12-55-06.mp4" }, { "index": 79, "name": "13-05-08.mp479", "beginTime": 1685336708000, "endTime": 1685337303000, "beginStr": "2023-05-29 13:05:08", "endStr": "2023-05-29 13:15:03", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/13-05-08.mp4" }, { "index": 80, "name": "13-15-10.mp480", "beginTime": 1685337310000, "endTime": 1685337911000, "beginStr": "2023-05-29 13:15:10", "endStr": "2023-05-29 13:25:11", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/13-15-10.mp4" }, { "index": 81, "name": "13-25-12.mp481", "beginTime": 1685337912000, "endTime": 1685338513000, "beginStr": "2023-05-29 13:25:12", "endStr": "2023-05-29 13:35:13", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/13-25-12.mp4" }, { "index": 82, "name": "13-35-14.mp482", "beginTime": 1685338514000, "endTime": 1685339115000, "beginStr": "2023-05-29 13:35:14", "endStr": "2023-05-29 13:45:15", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/13-35-14.mp4" }, { "index": 83, "name": "13-45-16.mp483", "beginTime": 1685339116000, "endTime": 1685339713000, "beginStr": "2023-05-29 13:45:16", "endStr": "2023-05-29 13:55:13", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/13-45-16.mp4" }, { "index": 84, "name": "13-55-18.mp484", "beginTime": 1685339718000, "endTime": 1685340315000, "beginStr": "2023-05-29 13:55:18", "endStr": "2023-05-29 14:05:15", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/13-55-18.mp4" }, { "index": 85, "name": "14-05-20.mp485", "beginTime": 1685340320000, "endTime": 1685340899000, "beginStr": "2023-05-29 14:05:20", "endStr": "2023-05-29 14:14:59", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/14-05-20.mp4" }, { "index": 86, "name": "14-15-22.mp486", "beginTime": 1685340922000, "endTime": 1685341485000, "beginStr": "2023-05-29 14:15:22", "endStr": "2023-05-29 14:24:45", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/14-15-22.mp4" }, { "index": 87, "name": "14-25-24.mp487", "beginTime": 1685341524000, "endTime": 1685342067000, "beginStr": "2023-05-29 14:25:24", "endStr": "2023-05-29 14:34:27", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/14-25-24.mp4" }, { "index": 88, "name": "14-35-26.mp488", "beginTime": 1685342126000, "endTime": 1685342727000, "beginStr": "2023-05-29 14:35:26", "endStr": "2023-05-29 14:45:27", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/14-35-26.mp4" }, { "index": 89, "name": "14-45-28.mp489", "beginTime": 1685342728000, "endTime": 1685343325000, "beginStr": "2023-05-29 14:45:28", "endStr": "2023-05-29 14:55:25", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/14-45-28.mp4" }, { "index": 90, "name": "14-55-34.mp490", "beginTime": 1685343334000, "endTime": 1685343903000, "beginStr": "2023-05-29 14:55:34", "endStr": "2023-05-29 15:05:03", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/14-55-34.mp4" }, { "index": 91, "name": "15-05-36.mp491", "beginTime": 1685343936000, "endTime": 1685344537000, "beginStr": "2023-05-29 15:05:36", "endStr": "2023-05-29 15:15:37", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/15-05-36.mp4" }, { "index": 92, "name": "15-15-38.mp492", "beginTime": 1685344538000, "endTime": 1685345139000, "beginStr": "2023-05-29 15:15:38", "endStr": "2023-05-29 15:25:39", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/15-15-38.mp4" }, { "index": 93, "name": "15-25-40.mp493", "beginTime": 1685345140000, "endTime": 1685345741000, "beginStr": "2023-05-29 15:25:40", "endStr": "2023-05-29 15:35:41", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/15-25-40.mp4" }, { "index": 94, "name": "15-35-42.mp494", "beginTime": 1685345742000, "endTime": 1685346339000, "beginStr": "2023-05-29 15:35:42", "endStr": "2023-05-29 15:45:39", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/15-35-42.mp4" }, { "index": 95, "name": "15-45-44.mp495", "beginTime": 1685346344000, "endTime": 1685346941000, "beginStr": "2023-05-29 15:45:44", "endStr": "2023-05-29 15:55:41", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/15-45-44.mp4" }, { "index": 96, "name": "15-55-46.mp496", "beginTime": 1685346946000, "endTime": 1685347384000, "beginStr": "2023-05-29 15:55:46", "endStr": "2023-05-29 16:03:04", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/15-55-46.mp4" }, { "index": 97, "name": "16-04-32.mp497", "beginTime": 1685347472000, "endTime": 1685348044000, "beginStr": "2023-05-29 16:04:32", "endStr": "2023-05-29 16:14:04", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/16-04-32.mp4" }, { "index": 98, "name": "16-14-32.mp498", "beginTime": 1685348072000, "endTime": 1685348673000, "beginStr": "2023-05-29 16:14:32", "endStr": "2023-05-29 16:24:33", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/16-14-32.mp4" }, { "index": 99, "name": "16-24-34.mp499", "beginTime": 1685348674000, "endTime": 1685349275000, "beginStr": "2023-05-29 16:24:34", "endStr": "2023-05-29 16:34:35", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/16-24-34.mp4" }, { "index": 100, "name": "16-34-36.mp4100", "beginTime": 1685349276000, "endTime": 1685349813000, "beginStr": "2023-05-29 16:34:36", "endStr": "2023-05-29 16:43:33", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/16-34-36.mp4" }, { "index": 101, "name": "16-44-34.mp4101", "beginTime": 1685349874000, "endTime": 1685350463000, "beginStr": "2023-05-29 16:44:34", "endStr": "2023-05-29 16:54:23", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/16-44-34.mp4" }, { "index": 102, "name": "16-54-34.mp4102", "beginTime": 1685350474000, "endTime": 1685351067000, "beginStr": "2023-05-29 16:54:34", "endStr": "2023-05-29 17:04:27", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/16-54-34.mp4" }, { "index": 103, "name": "17-04-36.mp4103", "beginTime": 1685351076000, "endTime": 1685351677000, "beginStr": "2023-05-29 17:04:36", "endStr": "2023-05-29 17:14:37", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/17-04-36.mp4" }, { "index": 104, "name": "17-14-38.mp4104", "beginTime": 1685351678000, "endTime": 1685352279000, "beginStr": "2023-05-29 17:14:38", "endStr": "2023-05-29 17:24:39", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/17-14-38.mp4" }, { "index": 105, "name": "17-24-40.mp4105", "beginTime": 1685352280000, "endTime": 1685352290000, "beginStr": "2023-05-29 17:24:40", "endStr": "2023-05-29 17:24:50", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/17-24-40.mp4" }, { "index": 106, "name": "17-25-52.mp4106", "beginTime": 1685352352000, "endTime": 1685352952000, "beginStr": "2023-05-29 17:25:52", "endStr": "2023-05-29 17:35:52", "color": "#1FCE81", "startRatio": 0.65, "endRatio": 0.9, "url": "record/proxy/8600000049132000000486000000491310000110210/2023-05-29/17-25-52.mp4" } ], timer: null }

May 30 '23 01:05 landOfsun

将源码中的绘制时间段那块代码改成下面这样即可

if (props.roundWidthTimeSegments) {
  x = Math.round(x)
  w = Math.round(w) + 1
}

Apr 30 '25 06:04 gitboyzcf