问题标签 [chap-links-library]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
1184 浏览

javascript - 拖放到谷歌可视化数据表数组中

我是网络开发和编码的初学者,如果我问一些琐碎的问题,我很抱歉......

我想创建一个带有时间线的作业计划工具,所以我在网上找到了这个almende.github.io/chap-links-library/js/timeline/examples/example15_mobile.html基于谷歌可视化 api 的例子。

现在一切正常,但我创建了一个包含两列的表:

第 2 列是示例 div ID 时间线的代码,第 1 列是两个 div 对象,我想让它可拖动到时间线,以便在 googl 可视化 api 数组上拖动

我尝试使用 jquery:

那么,当我将它拖到时间轴上时,如何将它添加到数据行中?我在 jsbin 上的代码:http: //jsbin.com/oLaqoToH/2/edit

所以我想将 div 对象从第一列拖到第二列(时间轴)并将其添加到数据数组中。

时间线是可滚动的,但使用此功能:

所以这是我在时间轴上看到的日期范围......并且具有功能: $('#mytimeline').width();我得到时间轴的像素,所以现在我可以计算 1pixel = 时间?

现在,当我将 div 对象从第一列拖到第二列(#mytimeline)时,如何将 divObject 添加到时间轴中?

请帮助并为我的英语感到抱歉,它很糟糕,但我正在努力学习

0 投票
2 回答
474 浏览

javascript - 模拟拖动端双击 - jquery UI

在这里,我有一个两列的表。第一个是可拖动的 div 对象,因此:

第二列是基于谷歌可视化 API 的时间线表。 http://jsbin.com/oLaqoToH/5

当你双击时间线表时,你会看到你在时间线中创建了一个新的 div 对象。

现在,当我结束将对象从第一列拖动到时间轴时,我想模拟双击。如此简单,我想通过这个小技巧将 div 对象从第一列添加到时间轴。有没有办法做到这一点?这可以与 jquery 一起使用吗?我如何在可拖动的结尾上模拟 dobuleclick?

更新: 我不需要模拟双击,因为这个动作有一个功能:

http://almende.github.io/chap-links-library/js/timeline/timeline.js

如何使用此功能将对象拖动到时间轴而不是使用双击模拟???谢谢!

0 投票
1 回答
90 浏览

javascript - 如何找到函数的代码

这里我有一个例子: http: //jsbin.com/oLaqoToH/5(事件时间线)双击我可以创建一个新事件,但我的问题是如何找到执行此操作的函数,所以如何找到代码为此操作创建。

这个例子也有外部资源(引擎)timeline.js http://almende.github.io/chap-links-library/js/timeline/timeline.js

我尝试过onNew(); new Item.,但没有什么不是答案......文档很糟糕,我不知道这实际上是如何工作的。

帮助?

0 投票
1 回答
169 浏览

javascript - GWT - 谷歌可视化 api

GWT(谷歌网络工具包)和谷歌可视化 API 一样吗?

我想知道这个例子是用 GWT 写的:http: //almende.github.io/chap-links-library/js/timeline/examples/example15_mobile.html

因为我知道 GWT 几乎是“死亡”,如果可能的话,我想在这个例子中使用 anularJS 框架......

0 投票
0 回答
73 浏览

javascript - IOS7设备中的Javascript应用程序滞后滚动

我一直在使用 Chaps Link Timeline,它在所有设备上运行良好,除了运行 iOS7 的苹果设备。问题出在导致滞后的新 iOS 中。基本上在时间轴上滚动(向左/向右滑动)非常滞后。在 iPad 上的 safari 和 chrome 上进行了测试。如何修复新 iOS 中的延迟?

时间线: https ://github.com/almende/chap-links-library/tree/master/js/src/timeline

Github 问题: https ://github.com/almende/chap-links-library/issues/239

在线演示: http ://almende.github.io/chap-links-library/js/timeline/examples/example01_basis.html

更多演示: http ://almende.github.io/chap-links-library/timeline.html

0 投票
2 回答
455 浏览

gwt - gwt 可视化:时间线

我想实现 gwt 可视化时间线图。

但是,它在 gwt 中不可用,是否可以直接在 gwt 应用程序中使用可视化 api (javascript)。

如果是,请给我一些指导。

有没有其他可用的选项。

我试过http://almende.github.io/chap-links-library/timeline.html和它的好。

但是,我想了解 gwt 中的可视化 api。

0 投票
1 回答
341 浏览

jquery - 无法停止可移动时间线

我正在使用 vis.js 作为时间线,它对我来说工作正常。但我无法停止可移动时间轴。我已经尝试过对我不起作用的可移动配置选项,谁能建议我如何停止移动时间轴,我只想修复我的时间轴比例。例如只有 120 分钟。

0 投票
1 回答
141 浏览

javascript - 时间线 2.6.1 中的示例不起作用 - 错误链接未定义时间线代码 0

刚开始使用 Chaps 链接库 - 时间线,如果我复制 Github 的任何示例并将它们粘贴到我的页面中,工作正常,index.jsp我确保我引用了正确的位置。timeline.jstimeline.css

但是,当我将代码粘贴到jsp由于通过我的控制器的 get 请求而启动的页面中时,我没有显示任何时间线。页面错误显示“链接未定义”。我将数据硬编码为示例演示的精确副本,因此我没有提供任何数据。知道如何解决吗?

编辑 - 好的,问题出在我试图在 Spring MVC 中加载 Javascript 库的方式上。它与时间线组件无关。

0 投票
2 回答
5905 浏览

javascript - 有人将 vis.js 与 AngularJS 一起使用吗?

我正在尝试将vis.js与 AngularJS 一起使用。它工作正常,我构建了一个简单的指令......但我需要使用此处列出的一些事件,但它们没有被触发。

在这个例子中,graph.on('select', ...)事件监听器没有被触发,我是怎么做的有什么问题吗?

这是我正在做的事情:

任何人都可以帮忙吗?

0 投票
1 回答
412 浏览

javascript - 链接时间线的 chap-links-library customStackOrder()

我正在使用 Chap Links Timeline Library http://almende.github.io/chap-links-library/js/timeline/doc/并发现它非常有用。但是我需要按特殊顺序堆叠事件。

到目前为止,我尝试使用 customStackOrder() 函数但没有成功。如何访问此函数中的自定义数据字段?

我的数据元素如下所示:

但是 A.stackOrder 和 B.stackOrder 是未定义的。