Javascript 从json导入时,vis.js无法更改边颜色

Javascript 从json导入时,vis.js无法更改边颜色,javascript,json,vis.js,vis.js-network,Javascript,Json,Vis.js,Vis.js Network,我正在尝试将一个网络json文件导入到vis.js,并希望所有边都以各自的颜色显示 它适用于节点,但不适用于边,是否有方法独立于其各自的节点显示边?感谢您的指导 这是json文件 { "nodes": [ { "id": "1", "label": "A", "color": "rgb(128,128,128)" }, { "id": "2", "label": "B", "color":

我正在尝试将一个网络json文件导入到vis.js,并希望所有边都以各自的颜色显示

它适用于节点,但不适用于边,是否有方法独立于其各自的节点显示边?感谢您的指导

这是json文件

{ 
  "nodes":
  [
    {
      "id": "1",
      "label": "A",
      "color": "rgb(128,128,128)"
    },
    {
      "id": "2", 
      "label": "B",
      "color": "rgb(0,255,0)"
    },
    {
      "id": "3", 
      "label": "C",
      "color": "rgb(0,0,255)"
    }
  ],
  "edges": 
  [
    {
      "source": "1",
      "target": "2", 
      "id": "1", 
      "color": "rgb(255,0,0)"
    },
    { 
      "source": "1",
      "target": "3",
      "id": "2",
      "color": "rgb(0,0,0)"
     }
  ]
}
这是HTML页面


动态数据-从Gephi(JSON)导入
#我的网络{
宽度:800px;
高度:800px;
边框:1px实心浅灰色;
}
节点内容{
位置:相对位置;
边框:1px实心浅灰色;
宽度:480px;
高度:780px;
边缘顶部:-802px;
左边距:810px;
填充:10px;
}
前{
填充物:5px;
保证金:5px;
}
.字符串{
颜色:绿色;
}
.号码{
颜色:暗红色;
}
.布尔值{
颜色:蓝色;
}
.null{
颜色:洋红色;
}
.钥匙{
颜色:红色;
}
从Gephi(JSON)导入
节点内容:
var网络;
var nodes=new vis.DataSet();
var edges=new vis.DataSet();
格菲变种;
var nodeContent=document.getElementById('nodeContent');
var parserOptions={
边缘:{
颜色:假
},
节点:{
修正:对,
颜色:假
}
}
var gephiJSON=loadJSON('../datasources/test.json',重画,函数(err){console.log('error')});
var container=document.getElementById('mynetwork');
风险值数据={
节点:节点,
边缘:边缘
};
变量选项={
边缘:{
颜色:{
继承:错,
}
},
物理学:{
稳定:错,
}
};
网络=新的可视网络(容器、数据、选项);
/**
*此函数用于填充数据集。这些数据集将更新网络。
*/
函数重绘(gephiJSON){
nodes.clear();
边。清除();
var parsed=vis.network.gephiParser.parseGephi(gephiJSON,parserOptions);
//将解析后的数据添加到数据集中。
添加(已解析的.nodes);
添加(已解析的边);
console.log(已解析的.edges)
network.fit();//缩放以适应
}

您的JSON数据结构与vis.js所期望的一样。是否您正在将边颜色选项“继承”设置为false?在文档示例中,它为网络的边缘选项将此字段设置为“From”,或者如果您正在调整解析器选项,则将键更改为“inheritColors”:(控制F为“inheritColors”)