# 时间轴生成器

从事件数据生成美观且交互式的时间轴，支持多种布局和样式

> 标准页面: https://elysiatools.com/zh/tools/timeline-generator

- **分类:** Data Visualization

- **关键词:** 时间轴, 事件, 历史, 日程, 时间顺序, 里程碑, 可视化, 生成器

## 概述

时间轴生成器是一款高效的数据可视化工具，能够将复杂的事件列表快速转换为美观、清晰且具备交互功能的时间轴，帮助用户直观地展示项目进度、历史沿革或个人日程。

## 输入项

- **事件数据** (textarea): 时间轴事件。支持JSON数组或简单的标题|日期|描述文本格式
- **时间轴标题** (text): 显示在时间轴上方的标题
- **时间轴方向** (select): 选择方向
- **配色方案** (select): 选择配色方案
- **日期格式** (select): 选择日期格式
- **事件点大小** (number): 事件点的像素大小
- **时间轴线宽** (number): 时间轴线的像素宽度
- **字体大小** (number): 文本的基础字体像素大小
- **开始年份** (number): 时间轴的开始年份（留空自动）
- **结束年份** (number): 时间轴的结束年份（留空自动）
- **背景颜色** (color): 时间轴容器的背景颜色
- **显示日期** (checkbox): 在时间轴上显示事件日期
- **显示描述** (checkbox): 在时间轴上显示事件描述
- **显示进度线** (checkbox): 显示表示时间轴进展的进度线

## 适用场景

- 在演示文稿中展示项目关键里程碑和发展历程时。
- 整理个人或团队的年度工作计划与重要事件节点时。
- 将枯燥的日期与事件数据转化为易于理解的视觉图表时。

## 工作原理

- 输入事件数据，支持 JSON 数组格式或简单的“标题|日期|描述”文本格式。
- 根据需求调整时间轴方向、配色方案、日期格式及字体大小等样式参数。
- 选择是否显示日期、描述及进度线，点击生成即可获得交互式时间轴。

## 使用案例

- 企业项目管理：清晰呈现项目从启动到交付的全过程节点。
- 历史教学演示：将历史事件按时间顺序排列，辅助学生理解时间线。
- 个人职业规划：记录职业生涯中的重要成就与技能提升节点。

## 常见问题

### 支持哪些数据输入格式？

支持 JSON 数组格式，也支持简单的“标题|日期|描述”文本格式，每行代表一个事件。

### 可以调整时间轴的显示方向吗？

可以，工具支持垂直和水平两种布局，您可以根据展示空间的需求进行选择。

### 生成的图表支持自定义颜色吗？

支持，您可以选择预设的多种配色方案（如商务、暖色、冷色等），并自定义背景颜色。

### 如何控制时间轴显示的范围？

您可以通过设置“开始年份”和“结束年份”参数来限定时间轴的显示区间，留空则自动适配。

### 生成的图表可以导出吗？

本工具生成的结果为 HTML 格式，您可以直接在网页中查看或嵌入到您的项目中。

## 相关工具

- [玫瑰图生成器](https://elysiatools.com/zh/tools/rose-chart): 生成美丽的南丁格尔玫瑰图（鸡冠花图）来通过角度和面积可视化数据，非常适合比较分析和历史数据展示
- [Data URI 生成器](https://elysiatools.com/zh/tools/data-uri-generator): 将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源
- [环形图生成器](https://elysiatools.com/zh/tools/donut-chart-generator): 从数据生成可自定义的环形图（甜甜圈图），具有中央空间，非常适合显示比例数据
- [漏斗图生成器](https://elysiatools.com/zh/tools/funnel-chart-generator): 从数据生成可自定义的漏斗图，非常适合显示转化率、销售管道和流程
- [象形图生成器](https://elysiatools.com/zh/tools/pictograph-generator): 使用图标/符号创建象形图来表示数量，支持自定义图标、颜色和布局
- [进度条生成器](https://elysiatools.com/zh/tools/progress-bar-generator): 从数据生成可自定义的进度条，非常适合显示完成状态、排名或对比数值
- [雷达图生成器](https://elysiatools.com/zh/tools/radar-chart-generator): 从数据生成可自定义的雷达图（蜘蛛图），非常适合多维度对比和分析
- [评分星级图](https://elysiatools.com/zh/tools/rating-star-chart): 创建美观的星级评分可视化，用于产品评分、服务评价和用户反馈分析

## 示例

- [二维码示例](https://elysiatools.com/zh/samples/qrcode-samples): 用于测试二维码读取和生成工具的示例二维码图像
- [ELK Stack 日志分析示例](https://elysiatools.com/zh/samples/elk-stack-samples): 全面的 ELK Stack（Elasticsearch、Logstash、Kibana）示例，用于分布式系统中的日志聚合、处理和可视化
- [Grafana 高级应用示例](https://elysiatools.com/zh/samples/grafana-samples): 全面的 Grafana 示例，涵盖高级仪表板设计、告警配置、数据源集成和插件开发
- [分布式追踪示例](https://elysiatools.com/zh/samples/distributed-tracing-samples): 使用 Jaeger、OpenTelemetry 和其他现代可观测性工具的综合分布式追踪示例，适用于微服务架构

## 相关内容

- [图表与示意图生成器](https://elysiatools.com/zh/hubs/chart-diagram-generators): 在一个可视化页面里用你自己的数据生成柱状图、折线图、饼图、环形图、散点图、雷达图、甘特图、桑基图、热力图、漏斗图、树状图等数十种图表与示意图。
- [JSON 交换与格式翻译工具](https://elysiatools.com/zh/hubs/json-convert): 在一个专题里比较 JSON 与 CSV、YAML、TOML、GraphQL、XML、Markdown、Excel、BSON、EDN 等结构化格式之间的转换工具。
- [文本大小写、编码与规范化转换工具](https://elysiatools.com/zh/hubs/text-convert): 在一个专题中比较文本大小写转换、全半角转换、编码转换、Quoted-Printable 处理和行内文本规范化工具。
- [JSON 检查、对比与转换工具](https://elysiatools.com/zh/hubs/json-utility): 把 JSON 格式化、差异对比、路径检查、Schema 校验、合并、转换和导出工具集中到一个专题中，适合 API 与数据处理流程。