DataMaps.js-网络天气图(入站和出站弧线)
DataMaps.js - Network Weather-map (inbound and outbound arcs)
我正在尝试使用Datamaps,使用arcs和circles选项来创建网络天气图。
我遇到的基本问题是,网络中有入站和出站连接,我希望能够将它们视为单独的实体。为了避免传入和传出的重叠,我尝试做一个简单的经度和纬度偏移(每个偏移-0.2)来"偏移"路径。我看到的是他们互相交叉。
有什么关于我该怎么做的想法吗?
当前地图图像
我遇到了同样的问题https://github.com/cpmarvin/d3js_weathermap.如果你有并行链接,那么你需要获得链接的数量btw节点并进行偏移。看看https://github.com/cpmarvin/d3js
希望能有所帮助。
.attr("d", function(d) {
//find middle value of the link and calculate path
var dx = d.target.x - d.source.x,
dy = d.target.y - d.source.y,
dr = Math.sqrt(dx * dx + dy * dy);
var endX = (d.target.x + d.source.x) / 2;
var endY = (d.target.y + d.source.y) / 2;
var len = dr - ((dr/2) * Math.sqrt(3));
endX = endX + (1 * len/dr);
endY = endY + (-1 * len/dr);
return "M" + d.source.x + "," + d.source.y + "L" + endX + "," + endY;
} )
这是基于:
在D3力布局链接的中间显示箭头
相关文章:
- 无法获取vis.js最后一个或第一个选定的网络节点
- 如何将某个“;函数“;在Node.js的网络应用程序中
- 在fabric.js中以PNG格式下载Canvas,给出网络错误
- d3.js绘制具有固定布局的网络
- 使用d3plus.js动态更改网络图表
- Facebook网络数据API和D3.JS
- DataMaps.js-网络天气图(入站和出站弧线)
- 正确的使用方式是什么.js与网络工作者
- 如何从我的机器提供HTML + JS + CSS网络应用程序,以便其他人可以查看它
- D3.js:通过Force Layout从JSON文件加载多个网络
- 查看所有JS、事件、网络事件,但阻止页面重新加载
- Python3网络抓取问题(关于JS)
- 如何遍历vis.js网络
- 在Node.js网络中使用pipe()
- Vis.js网络图不随节点更改而更新
- d3.js网络图缩放
- Node.js网络爬虫图像/视频
- vis.js网络适配功能
- D3.js网络图使用力定向布局和矩形节点
- Node.js网络爬虫:超过最大调用栈