📊 可视化时间区间Visualize Time Intervals
把每行“起始 结束”时间区间画成甘特图（按开始时间定位、长度按时长，可跨午夜），带时刻刻度和图例，可下载 SVG/PNG，最多 200 个。本地处理。Draw time intervals (start end per line) as a Gantt chart positioned by start time with length proportional to duration (overnight allowed), a time axis and a legend; download as SVG or PNG; up to 200 items. Processed locally.
使用说明与常见问题How-to & FAQ
「可视化时间区间」是什么？What is the Visualize Time Intervals tool?
把每行“起始 结束”时间区间画成甘特图（按开始时间定位、长度按时长，可跨午夜），带时刻刻度和图例，可下载 SVG/PNG，最多 200 个。本地处理。Draw time intervals (start end per line) as a Gantt chart positioned by start time with length proportional to duration (overnight allowed), a time axis and a legend; download as SVG or PNG; up to 200 items. Processed locally.
如何使用「可视化时间区间」？How do I use the Visualize Time Intervals tool?
每行输入一个区间“开始时间 结束时间”，下方即显示列表和甘特图；用“下载 SVG”或“下载 PNG”保存图片。Enter one interval per line as start time and end time to get a list and a Gantt chart below; use Download SVG or Download PNG to save the chart.
图是怎么画的？How is the chart drawn?
每个区间一行横条：条的起点对应开始时间，长度与时长成正比，上方是时刻刻度轴，下方有图例；跨午夜的区间用橙色虚线框标出并延伸到次日。全部在浏览器内用 SVG 绘制，不使用外部库。One horizontal bar per interval: the bar starts at the start time and its length is proportional to the duration. A time axis with ticks runs along the top and a legend sits below; overnight intervals are orange with a dashed outline and extend into the next day. Everything is drawn as SVG in your browser without external libraries.
可以下载图片吗？Can I download the chart?
可以，点击“下载 SVG”得到矢量图，点击“下载 PNG”得到 2 倍分辨率的位图。Yes. Download SVG gives a vector file and Download PNG a bitmap at twice the screen resolution.
最多画多少个区间？How many intervals can it draw?
最多 200 个；超过时只画前 200 个并在结果下方提示总数。Up to 200; beyond that the first 200 are drawn and a note below the result gives the total.
结束时间早于开始时间（跨午夜）怎么办？What if the end time is before the start time (overnight)?
默认勾选“跨午夜”：结束早于开始表示结束在次日，例如 22:00 02:00 是 4 小时。取消勾选后这样的行会被列为错误。开始等于结束表示长度为 0。"Crosses midnight" is ticked by default: an end earlier than the start means the next day, so 22:00 02:00 lasts 4 hours. Untick it to treat such lines as errors. Equal start and end means a length of 0.
某一行格式不对会怎样？What happens when a line is invalid?
其余有效的行照常处理；无效的行（包括末尾多出内容的行，如“2020-01-01 2020-01-05 junk”）不进入结果，并在结果下方用红字列出行号和原因。所有行都无效时显示“未处理任何内容”和前几条错误。The valid lines are processed as usual. Invalid lines, including lines with extra text such as "2020-01-01 2020-01-05 junk", are left out and listed in red below the result with their line numbers and reasons. If no line is valid you get "nothing was processed" with the first errors.
和时区有关吗？Do time zones matter?
无关，这里只处理钟面时间或日历日期，不读取设备时钟，也不考虑夏令时。No. It works on clock readings or calendar dates only, never reads your device clock and ignores daylight saving time.
有哪些选项可以调整？What options can I adjust?
「可视化时间区间」的设置：可勾选：「跨午夜（结束早于开始＝次日）」（默认勾选）。每次生成结果都按当前设置处理。Settings in the Visualize Time Intervals tool — tick boxes: "Crosses midnight (end before start = next day)" (on by default). The result always uses the current settings.
「可视化时间区间」免费吗？需要注册吗？Is the Visualize Time Intervals tool free? Do I need an account?
「可视化时间区间」完全免费，无需注册或安装，打开网页即可使用，手机和电脑都能用；输入的内容只在你的浏览器本地处理。The Visualize Time Intervals tool is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.