vis.js相关内容

VisJS Timeline:在时间轴中排序项目

我正在使用 vis-js 时间线 库来构建时间线.我需要对每个组中的元素进行排序. 组就像 here 中的示例.我看到我可以使用“order 项目中的选项"来做到这一点,例如 这里 但我无法理解它是如何工作的. 我试过这样: var groups = new vis.DataSet([{id:0,内容:'First',值:1},{id:1,内容:'第三',值:3},{id:2,内容:' ..
发布时间:2022-01-19 13:01:23 前端开发

如何在angularjs中使用visjs创建网络图或层次树?

我需要一些帮助来使用 angularjs 中的 visjs 创建网络图.我正在研究 this plunker 以实现类似 这个 我按照 AngularJS - visjs 中提到的步骤操作,但无法使其正常工作,所以我创建了一个 plunker(如上所示)以从社区获得帮助. 控制器代码. var app = angular.module('app', ['ngVis']);app.co ..
发布时间:2021-11-09 22:32:42 其他开发

如何清除/重置/刷新 selectNode 或 selectEdge 的 vis.js 函数?

首先请参考this 问题(已解决). 继续那个问题,我想在同一个页面和同一个JS函数中使用selectNode或selectEdge函数,但是该函数无法点击,为什么会发生这种情况?如果我不使用以前的功能,selectNode 或 selectEdge 也可以使用. 这里,有人知道如何在点击 selectNode 或 selectEdge 函数之前清除/删除/刷新以前的函数吗? 这里是 ..
发布时间:2021-10-26 17:19:04 其他开发

单击节点时如何更改vis.js中的节点图像?

我正在尝试在点击时为灰色节点复制 vis.js 库中的脚本,它成功了,但这实际上是针对 shape 类型的.但我的情况是我使用 image 类型.发生的事情是图像没有改变.如何为我的案例实现以下代码(使用图像). 假设我有 2 张图像(Image_A 和 Image_B),Image_A 是默认的彩色图像,Image_B 是灰色图像.所以当点击特定节点时,该节点将使用Image_A,其他为I ..
发布时间:2021-10-26 17:17:07 其他开发

使用 webpack 导入 vis.js

我想在使用 ES6 的 Webpack 应用程序中从 vis.js 导入 only DataSet 和 Network模块. 一种简单的方法是导入 dist/vis-network.min.js 但它已经被缩小了,所以与我们的 webpack 工作流程不太兼容. 我查看了 vis.js 代码,它没有使用 ES6 模块,因此我无法导入它们. 是否有更简单的方法然后执行 自定义 vi ..
发布时间:2021-09-23 19:05:28 其他开发

如何在手动安装的 vue 组件上更新道具?

问题:有没有办法更新像这样创建的手动安装的 vue 组件/实例的道具?我传入一个名为 item 的对象作为组件的 data 属性. let ComponentClass = Vue.extend(MyComponent);让实例 = 新组件类({道具数据:{数据:项目}});//挂载实例.$mount(); 为什么 我有一个非 vue 3rd 方库,可以在时间轴 (vis.js) 上呈现 ..
发布时间:2021-09-20 19:02:41 前端开发

在节点组周围画一个圆

在下面的可视网络中,我有2组节点.在生成layput_as_tree之后,通过访问节点位置,我将两组节点分为左侧和右侧.现在想在节点组周围绘制一个圆形或椭圆形. 这是一个可复制的示例 require(shiny) require(visNetwork) server ..
发布时间:2021-02-10 20:50:02 前端开发

具有Shiny的VisNetwork的单击事件

我已经使用Shiny中的visNetwork软件包构建了我的网络.我想单击一个节点,然后从数据框中显示有关该节点的信息.我已经能够通过单击和近点功能对散点图进行此操作,例如此处显示的Shiny示例中的功能:对于我的网络,我已经尝试过: server ..
发布时间:2020-11-20 05:44:58 其他开发

Cytoscape.js是否可能具有双向边缘?

我想制作一个类似于下图的网络图。 单击此链接以查看图像 我已搜索并没有找到解决方案 解决方案 是的,您可以在Cytoscape.js中创建双向边。首先,边缘的曲线样式应与“干草堆”(在下面将其设置为“直线”)不同,因为“干草堆”不支持边缘端点箭头。其次,您需要指定源和目标端点箭头形状。 此处(我在下面使用了“ triangle-backcurve” )。如果需要一个方向性边缘, ..
发布时间:2020-10-14 20:27:54 前端开发

如何使用visjs在时间轴上绘制折线图?

是否可以使用visjs在时间轴上绘制折线图? 我想在这里得到类似的信息 http://almende.github.io/chap-links-library/js/timeline/examples/example19_bar_graph.html ,但我需要折线图代替条形图. 本质上,问题是,是否可以像下面的示例一样在同一画布上获得时间轴和graph2d? 解决方案 借助与 ..
发布时间:2020-07-26 05:54:07 其他开发

Vis.js:如何在事件处理程序中访问网络?

我想使用vis.js来显示和编辑图形(因此存储了它的节点,边和选项).为了实现这一点,我需要保存网络(=图形)在各种事件上的更改.其中的一个是通过拖放来重新排列. 现在,有一个on方法支持dragEnd事件,这意味着我可以做类似的事情 network.on("dragEnd",saveToTiddlerAfterDragging); 传递给处理程序的内容是该对象: { n ..
发布时间:2020-07-13 23:26:17 前端开发

SVG异物大小调整不一致

我正在尝试在SVG中制作2个html对象,并在Vis.js图形中进一步使用它们.我的第一个svg(按钮)按预期工作并且看起来不错.我的问题是,当我尝试插入表格div时,宽度/高度不是我设置的宽度/高度. 这就是我得到的: 您可以看到,即使红色框的宽度和高度较大(1000px x 800px与220px x 68px),按钮也比红色框大! 这是我的JavaScript: // ..
发布时间:2020-07-13 23:25:52 其他开发

VISJS:将操作数据保存到json

我正在使用vis.js在网页上创建网络图. 我需要以JSON格式将操作图存储到数据库中,然后从网络图中导出json. 我没有找到任何有关它的文档,是否可以将带有操纵数据的vis.js网络导出进行存储(以JSON或可转换为JSON的形式)? 解决方案 对于数据,这是我提取其内容进行存储的方法(我将尝试切断与代码无关的代码位).问题): // get nodes and ed ..
发布时间:2020-07-13 23:19:24 前端开发