【免费下载】 vis-timeline：时间轴的动态可视化神器

2026-01-15 16:31:33作者：何将鹤

📅 Create a fully customizable, interactive timelines and 2d-graphs with items and ranges.

项目地址：https://gitcode.com/gh_mirrors/vi/vis-timeline

timeline chart

vis-timeline 是一款强大的开源图表库，用于在时间轴上展示数据的动态交互视图。无论是单个日期事件，还是具有起始和结束日期的时间段，都可以在这条时间线上流畅地展现。用户可以自由移动和缩放时间线，甚至创建、编辑和删除时间线上的元素。时间轴的尺度会自动调整，支持从毫秒到年的广泛范围。

库信息与贡献者

这个项目拥有活跃的贡献者社区，并且在 GitHub 上得到了星星的认可。查看以下徽章以了解更多信息：

它还由 Open Collective 的赞助者们支持：

安装

通过 npm 进行安装：

$ npm install vis-timeline

示例

以下是一个简单的示例，展示了如何加载时间线。更多示例可在项目中的 examples 目录找到。

<!doctype html>
...
<!-- 引入样式和脚本 -->
<link ...>
<script ...></script>
...
<style ...></style>
...

<div id="visualization"></div>
...
<script>
  // 创建一个时间线实例
  var timeline = new vis.Timeline(
    document.getElementById('visualization'), 
    items, 
    options
  );
</script>

构建版本

vis-timeline 提供了四个构建版本：

Standalone build：无依赖，适用于最小可运行示例，但可能在兼容性和包大小上有问题。
Peer build：需要自己引入 Vis Data 和 Moment（除英文外的 locale），适合与其他包配合使用。
ESNext build：与 Peer build 类似，但不包含任何依赖或 polyfill，适合 Rollup 或 Webpack 等打包工具。
Legacy build：仅用于向后兼容，已过时并会被替代。

贡献与测试

欢迎任何形式的贡献！要进行本地开发，请先克隆项目，然后通过 npm install 安装依赖，并使用 npm run build 命令构建库。测试可以使用 npm run test 来执行。

特点

高度交互：自由移动、缩放时间线，支持创建、编辑和删除项。
灵活的时间尺度：自适应调整，涵盖广泛的日期范围。
多种构建选项：适应不同的项目需求和构建工具。
良好的社区支持：活跃的贡献者和文档，以及众多示例。
多语言支持：与 Moment.js 集成，方便处理各种语言。

vis-timeline 不仅提供了直观的用户体验，还有强大的功能和灵活性，是实现时间序列数据可视化的理想选择。无论你是开发者想要集成时间轴组件，还是数据分析人员希望以更直观的方式展示数据，vis-timeline 都值得你尝试。立即加入这个社区，探索无限可能！

📅 Create a fully customizable, interactive timelines and 2d-graphs with items and ranges.

项目地址：https://gitcode.com/gh_mirrors/vi/vis-timeline

登录后查看全文

热门内容推荐

1 编程实践项目探索指南：从零构建技术能力体系 2 技术解构式学习：从0到1构建你的编程知识体系 3 构建自己的技术世界：build-your-own-x项目的实践探索指南 4 解锁编程技能的实践之旅：从零构建你的技术世界 5 技术实践探索：从零开始构建核心系统的实践指南 6 亲手锻造技术引擎：从0到1构建核心系统的实践指南

最新内容推荐

AcFunDown视频下载工具完全指南还在为数字笔记抓狂？这款开源神器让手写批注效率提升300%Windows笔记本电池健康管理全指南：从根源解决电池损耗问题 gmx_MMPBSA分子间相互作用索引错误的深度诊断与解决 Axure RP 11 本地化方案：Mac中文界面优化与原型设计工具汉化全指南如何高效获取教育资源？这款工具让教材下载效率提升80%视频元数据深度编辑：专业技巧与案例网盘直链下载技术解析与应用指南如何用DeepSeek-R1推理模型提升复杂任务解决能力：完整指南 5个突破瓶颈技巧：硬件优化工具让你的电脑性能提升30%

项目优选

收起

ops-transformer

本项目是CANN提供的transformer类大模型算子库，实现网络在NPU上加速计算。

Ascend Extension for PyTorch

本项目是CANN提供的神经网络类计算算子库，实现网络在NPU上加速计算。

openEuler内核是openEuler操作系统的核心，既是系统性能与稳定性的基石，也是连接处理器、设备与服务的桥梁。

本项目是CANN提供的数学类基础计算算子库，实现网络在NPU上加速计算。

flutter_flutter

本仓库是 Flutter SDK 与 Flutter Engine 的 OpenHarmony 适配版本，由 CPF-Flutter 团队维护。开发者可使用熟悉的 Flutter 技术栈开发 OpenHarmony 应用，3.35.7 及以后的适配版本可基于本仓库源码构建支持 OpenHarmony 的 Flutter Engine。

华为昇腾面向大规模分布式训练的多模态大模型套件，支撑多模态生成、多模态理解。

CANNBot 是面向 CANN 开发的用于提升开发效率的系列智能体，本仓库为其提供可复用的 Skills 模块。

Oohos_react_native

React Native鸿蒙化仓库