一個可視化交互系統：vis.js

jopen 10年前發布 | 53K 次閱讀 vis.js 圖表/報表制作

Vis.js是一個動態的，基于瀏覽器的可視化庫。該庫被設計為易于使用，處理大量的動態數據，并且能夠操作和交互數據。該庫包含的組件的DataSet，時間軸，以及圖。
vis128.png

<!doctype html>
<html>
<head>
  <title>Timeline | Basic demo</title>
  <script src=";
  <link href="

<style type="text/css">
    body, html {
      font-family: sans-serif;
    }
  </style>
</head>
<body>
<div id="mytimeline"></div>


<script type="text/javascript">
  var container = document.getElementById('mytimeline');
  var data = [
    {id: 1, content: 'item 1', start: '2013-04-20'},
    {id: 2, content: 'item 2', start: '2013-04-14'},
    {id: 3, content: 'item 3', start: '2013-04-18'},
    {id: 4, content: 'item 4', start: '2013-04-16', end: '2013-04-19'},
    {id: 5, content: 'item 5', start: '2013-04-25'},
    {id: 6, content: 'item 6', start: '2013-04-27'}
  ];
  var options = {};
  var timeline = new vis.Timeline(container, data, options);
</script>
</body>
</html></pre>


可視化效果：


一個可視化交互系統：vis.js






項目主頁：http://www.baiduhome.net/lib/view/home/1397704538250
 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！