标签: chap-links-library

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

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

function draw() {

test = null;

// create a network
var testContainer = document.getElementById('testing');

// create some nodes
var width = testing.clientWidth;

var nodes = [
  {id: 1, x: 0, y: 1, label: 'Start', color: 'green', shape: 'circle'},
  {id: 2, label: 'Step 2', shape: 'square'},
  {id: 3, label: 'Step 3', shape: 'square'},
  {id: 4, label: 'Step 4', shape: 'square'},
  {id: 5, label: 'Step 5', shape: 'square'},
  {id: 6, label: 'Step 6', shape: 'square'},
  {id: 7, label: 'Step 7', …

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

预计之前：

nodes = [{id: 1,   label:"Parent Node"} ];
edges = [ ];

预期点击 id 1 后：

nodes = [{id: 1,   label:"Parent Node"},
{id: 2,   label:"Child Node1"},
{id: 3,   label:"Child Node2"},
{id: 4,   label:"Child Node3"} ];
edges = [ {from: 1, to: 2},
          {from: 1, to: 3},
          {from: 1, to: 4} ];

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

我有一个大约1000个节点的网络.我已stabilize:true和zoomExtentOnStabilize: true.正在JSON使用vis.network.gephiParser.parseGephi()函数添加节点.当我试图绘制这张图时,即使在让它闲置数小时后它也永远不会稳定下来.但是,较少数量的节点在合理的时间内稳定下来.我在这里想念的是什么 有没有办法稳定大图.我甚至尝试将迭代次数设置为稳定到1000甚至更高.在此先感谢您的帮助.

PS:JSON没有节点的坐标.根据用户输入重新绘制图形.

编辑1:绘制的JSON数据可在http://pastebin.com/raw.php?i=Mzy4ncxw获得.由于CORS错误,我无法在jsbin上创建可重现的示例.
JavaScript代码是:

message = JSON.parse(json_data); // json_data is sent from R server.
var nodes = new vis.DataSet();
var edges = new vis.DataSet();
var container = document.getElementById("div_graph");
var data = {
  nodes: nodes,
  edges: edges
};
var options = {
  tooltip: {
    delay: 50,
    fontColor: "black",
    fontSize: 14, 
    fontFace: "verdana",
    color: {
      border: "#666",
      background: "#FFFFC6"
      } 
  },
  clustering: {
    enabled: clusteringOn,
    clusterEdgeThreshold: 50  
  }, …

我正在玩vis.js因为我喜欢它的网络可视化模块.我想知道,因为我无法在文档中找到它,如果可以选择多个节点.

干杯,

里卡多

是否有任何JavaScript或横向平移Google柱形图的示例？我有几个月的数据,我希望用户能够从左到右查看.这是我想要的功能:http://almende.github.io/chap-links-library/js/graph/examples/example05_gaps_in_data.html.我的用户已经推迟使用Annotated TimeLine.

我想在我的iOS应用程序中创建一个可缩放的时间轴,用于一种todo-list.放大将显示日期和小时,缩小将触发折叠日或缩小到几个月.会有滚动功能.

举个例子,我希望它能像这样工作:http://almende.github.com/chap-links-library/js/timeline/doc/

什么样的基本视图是适当的起点,请记住所需的内存应该尽可能低？UITableView,UIScrollView或其他东西可以用于此吗？

在使用 vis.js 创建图形时，我们可以使用选项指定如何显示节点。

var options = {
  width: '400px',
  height: '400px',
  edges:{
    style:'arrow'
  },
  nodes:{
    shape:'icon'
  }
};

通过使用“icon”作为样式，我们使用 bootstrap 或 fontawesome 字形图标。该文档讨论了使用 unicodes。

创建了一个Plunker，但图标没有显示出来。

http://plnkr.co/edit/DFYz26SOxGY9IvMqSuKm?p=preview

不知道我做错了什么。

谢谢