vis-timeline：时间轴的动态可视化神器

最新推荐文章于 2024-08-28 08:29:26 发布

贾雁冰

最新推荐文章于 2024-08-28 08:29:26 发布

阅读量1.1k

点赞数 25

本文链接：https://blog.csdn.net/gitblog_00052/article/details/138788396

版权

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

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>