| <!doctype html> |
| <html> |
| <head> |
| <title>Timeline</title> |
| <script type="text/javascript" src="https://unpkg.com/vis-timeline@latest/standalone/umd/vis-timeline-graph2d.min.js"></script> |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script> |
| <link href="https://unpkg.com/vis-timeline@latest/styles/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" /> |
| <style type="text/css"> |
| body, |
| html { |
| font-family: sans-serif; |
| } |
| |
| #visualization { |
| width: 600px; |
| } |
| </style> |
| </head> |
| <body> |
| <div id="visualization"></div> |
| |
| <script type="text/javascript"> |
| var container = document.getElementById("visualization"); |
| var items = []; |
| for (var i = 0; i < 100; i++) { |
| items.push({ |
| x: new Date("2014-06-11").valueOf() + Math.floor(Math.random() * 30000), |
| y: 500 + Math.random() * 100, |
| }); |
| } |
| |
| var dataset = new vis.DataSet(items); |
| var options = { |
| sort: false, |
| sampling: false, |
| style: "points", |
| dataAxis: { |
| left: { |
| range: { |
| min: 300, |
| max: 800, |
| }, |
| }, |
| }, |
| drawPoints: { |
| enabled: true, |
| size: 6, |
| style: "circle", |
| }, |
| defaultGroup: "Scatterplot", |
| height: "600px", |
| }; |
| var graph2d = new vis.Graph2d(container, dataset, options); |
| |
| </script> |
| </body> |
| </html> |
点击查看详情
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句：使用策略模式优化代码结构
· 字符编码：从基础到乱码解决
· 提示词工程——AI应用必不可少的技术
2022-04-23 Spring MVC入门（十四）：DispatcherServlet调用组件处理请求
2022-04-23 Spring MVC入门（十三）：DispatcherServlet服务过程
2022-04-23 Spring MVC入门（十二）：DispatcherServlet初始化过程
2022-04-23 Spring MVC入门（十一）：注解配置SpringMVC
2022-04-23 Spring MVC入门（九）：拦截器
2022-04-23 Spring MVC入门（十）：异常处理
2022-04-23 Spring MVC入门（八）：文件上传下载