问题标签 [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 投票
1 回答
19718 浏览

javascript - 在 Vis.js 中设置缩放级别

我有一个使用 vis.js 构建的网络,但它的宽度太大,无法放入页面的容器中。网络从左到右运行,并包含有关特定过程的步骤。当一个人完成任务时,服务器会提供新的 JSON 记录以更新颜色。

由于布局,我无法更改容器大小。当网络加载时,它会导致字体非常小且难以阅读。有没有办法可以将缩放级别设置为选项,以便仅显示过程中的当前步骤?

0 投票
1 回答
416 浏览

javascript - JavaScript 库提供了一个带有不成比例轴值的交互式时间轴?

我需要在 iOS 应用程序中实现时间线视图。我计划使用嵌套在 Web 视图中的 JavaScript 组件,因为我认为它比在本地绘制时间线更好。到目前为止,我发现了这个库:

http://visjs.org/docs/timeline.html
https://almende.github.io/chap-links-library/timeline.html

它们看起来相当不错,而且看起来很有希望它们中的任何一个都可以完成大部分所需的工作。但是我有一个在任何时间线库中都找不到的特定要求:

时间轴的值应该不成比例(中心附近的时间值需要比时间轴当前视图末端附近的值更分散)。

http://oi61.tinypic.com/2hg70ib.jpg
您可以在图像上看到轴上的年份远非等距。

有谁知道任何 JavaScript 库,甚至更好——iOS 原生库或对提供此类功能的现有库进行任何修改?

0 投票
1 回答
1529 浏览

javascript - vis.js 在盒子节点内添加一个小圆圈

使用 Vis.js,我正在尝试创建一个显示节点集合的网络图。每个节点都是盒子形状的,里面有一些文本。我想在文本之外添加一个小的彩色圆圈,这将改变它的颜色取决于提供的数据。

在 Vis 中是否可以实现这样的功能,如果可以,我该如何实现?

0 投票
0 回答
662 浏览

javascript - 调整x轴标签浮动js

鉴于图表上要显示很多点,有什么方法可以限制将显示的 x 轴值的数量?否则,如果您不缩放,x 轴标签会重叠。例如,请参阅我创建的小提琴http://jsfiddle.net/ggggg/jx3q8uoy/10/ enter code here. 您可以使用鼠标滚轮放大和缩小。如果您单击更新,我会在图表上重新加载新数据,但由于图表大小有很多点,x 轴值会相互混合,这是不好的。除非他们缩放,否则无法有所作为。有什么方法可以将要显示的 x 轴标签的数量限制为几个,这样当点数很大时它们就不会以这种方式混合在一起,如果你放大,那么你将能够看到具体的x轴标签?例如,请查看此处的 vis.js 图http://visjs.org/examples/graph2d/03_groups.html。查看当您使用鼠标滚轮放大或缩小时,x 轴标签会重新缩放,其中许多标签会被隐藏,如果您放大它们会显示出来。我需要类似 flot.js 的东西

谢谢

0 投票
2 回答
4145 浏览

jquery - 向 2graph vis.js 库添加工具提示

我正在使用 vis.js ( http://visjs.org/graph2d_examples.html ) 的二维折线图。有没有办法向数据点添加工具提示,以便当您将鼠标悬停或单击时,您会在弹出窗口或其他地方看到值?

0 投票
1 回答
5245 浏览

javascript - vis.js:如何通过鼠标单击展开/折叠节点

现在只是在vis.js上玩了一天,并浏览了所有的文档和示例。我试图找出使用点击事件刷新节点和边缘数据的最佳方法。例如,假设我有一个没有边的节点,然后我单击它以添加 3 个子节点。vis.js 专家可以建议最好的方法吗?

预计之前:

预期点击 id 1 后:

然后我想折叠并返回到没有子节点的父节点。我知道如何进行事件处理,这是我不确定的节点和边缘的更新和重绘。

0 投票
1 回答
3029 浏览

javascript - 如何在 vis.js 中动态过滤链接

有没有办法过滤 vis.js 网络中的链接和节点?
我已经为节点和边设置了一个 DataSet,如下所示:

谢谢。

0 投票
1 回答
1537 浏览

javascript - Vis.js 节点上的动画靶心

我正在使用 Vis.js 绘制网络图。我希望能够有一个通知功能,当接收到特定节点的 AJAX 更新时,画布将该节点移动到中心(Vis.js 已经可以这样做),然后在上面有某种类型的靶心动画节点以吸引用户注意,直到他们单击该节点。我正在寻找的动画效果最接近的例子是http://codepen.io/MateiGCopot/pen/ogEKRK

这是实现这种效果的最佳方式吗?在我的机器上运行它会使 CPU 使用率飙升,所以它似乎没有那么高效。
另外,我如何将这样的东西与 Vis.js 集成,以便它在图像节点上绘制并在单击该节点时停止?这个特定的示例将圆圈向外绘制,但是我希望将它们向内绘制,但无法弄清楚如何改变方向。

JavaScript 不是我的强项,所以解释越详细越好。此外,我并没有专门与 Vis.js 绑定,因此如果有另一个库已经具有此功能(以及类似的 Vis.js 功能),我可以切换。

0 投票
1 回答
1049 浏览

javascript - 为 vis.js 准备一个数组(PHP 到 JavaScript)

尝试通过 PHP 将数据从 GraphDB (Neo4J) 传输到 JavaScript,因此 vis.js 可用于显示这些数据。

我到目前为止:

  • 从 Neo4J 读取数据并将它们存储在 PHP 数组中:

  • 浏览网络,发现 json_encode 作为将数据从 PHP 传输到 JavaScript 的正确函数:

    var groups= <?php echo json_encode( $group_nodes ) ?>;

  • vis.js 期望数组中的数据,如

我卡住了,因为我找不到将数组转换为 vis.js 可读格式的方法。当我检查 javascript 数组时,我得到了所有元素,但只有逗号分隔。似乎 vis.js 也期望它们在语法 [{...,...},{...,...}] 中。

知道如何生成这样的格式吗?

0 投票
1 回答
259 浏览

jquery - 如何仅将 .toggle 查询应用于 div.selected 的子元素?

我正在使用带有自定义样式和 jquery 行为的vis.js。

我想写一个 jquery 语句,上面写着:

每次选择.item.range或时.item.box,显示 p.extra在所选项目内。每次单击页面上的其他任何内容时,都隐藏p.extra在先前选择的项目中。

每次选择.item.rangeor时.item.box,它们都会附加 style .selected,所以我希望我可以使用它来定义父级。但我已经尝试了几个小时才能让这个工作没有运气。到目前为止,我已经尝试使用.toggle, .toggleclass(然后将行为应用于 css 中的新类)和.show/hide.

我在 vis.js 范围内的命名受到限制。例如,我不能只将自定义类分配给我想要显示的 p 标签 hide - 我分配的每个类都与 30 个我不想移动的其他 .item 元素共享。这就是为什么我希望脚本识别 p.extra 标记所在的父元素。

在我的努力中,我编写了错误的脚本,例如:

我在寻找答案时遇到的问题是,我能找到的所有例子都只与未嵌套的元素有关(我会发布我尝试过的链接,但因为这是我的第一篇文章,所以不会让我!) .

以下是使用 vis.js 时间线时生成的相关 HTML 片段:

这是我文件中的 javascript 片段:

我希望我的要求对你们中的一个人有意义,并且有一个相对简单的解决方法。

你能帮我写我要找的代码吗?