jjzjj

javascript - d3 : Make a static directed graph

我想在d3中可视化一个20K节点的依赖关系图。力导向图,例如http://bl.ocks.org/mbostock/1153292对于这个数量的节点,在浏览器中呈现太慢。基本上我想表示节点包含文本和从一个节点到另一个节点的有向边,并添加缩放和平移功能。我怎样才能在d3中做到这一点? 最佳答案 这里有一个替代方案,它似乎没有使用强制来布置节点-没有弹跳,性能良好,并且内置了上传/下载工具。它的许可证是MIT/X:Interactivetoolforcreatingdirectedgraphsusingd3.jsdirected-gra

Javascript 图形布局引擎

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭9年前。Improvethisquestion我正在寻找可以进行图形布局的Javascript库/引擎。(当我说布局时,我的意思是在逻辑上很好地定位顶点。)我正在使用的图形都是m-ary树。M通常不超过5或6,但在某些情况下可以更大。我确实有一些我现在正在使用的东西,Graphvi

javascript - 如何申请highchart的执照

几天前,我购买了highchart的许可证,但我很困惑如何在图表中使用它。只有我需要设置学分选项,例如,credits:{enabled:false}或者我是否需要在代码的其他地方指定我的许可证key? 最佳答案 你只需要设置:credits:{enabled:false}forumpost我是在我的应用程序的全局设置中完成的:Highcharts.setOptions({...credits:{enabled:false}});然后我刚刚在我的应用程序的某处为highcharts创建了一个许可证文件夹,我在其中删除了我公司在购买时

javascript - 在 float 条形图上显示条形内的值

我想在flot的栏内显示值条形图,像这样:||+----+||||||||||+----+|20||||||||10|||||||||---+----+------+----+------数据=[[1,10],[2,20]]有办法吗? 最佳答案 我需要同样的东西,所以我很快就拼凑了一个plugin为此和快速example它在行动。 关于javascript-在float条形图上显示条形内的值,我们在StackOverflow上找到一个类似的问题: https:

javascript - 如何知道 D3.js 中的当前缩放级别

几天前我遇到了一个问题。我有一个图表,当我使用ZoomBehavior时它有效,但我需要知道何时达到最大缩放以加载新给定//Specifiesthezoomscale'sallowedrange,[min,max]d3.behavior.zoom().x(x).scaleExtent([1,10]).on("zoom",draw)查看我的代码http://jsfiddle.net/albanlopez/D4MRP/ 最佳答案 在绘图函数中,当前事件将具有缩放级别(如您提到的d3.event.scale)。另外,如果您保持以下行为:v

图形的 Javascript 库(在数学意义上)

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题,以便用事实和引用来回答。关闭6年前。Improvethisquestion是否有用于图形和网络表示的重要Javascript库,具有通用算法、优化等?我在想象类似C++lemonlibrary的东西,具有图搜索、最短路径、最大流等。Google一片空白,因为结果中充满了图形和图表绘制库。

javascript - Chartjs 动画 x 轴

我想使用chartjs折线图来可视化我的数据点。Chartjs似乎默认情况下为图形设置动画,但它不会为x轴上的值设置动画。x轴仅以离散步长移动。有没有办法在轴上启用动画?谢谢! 最佳答案 据我所知,ChartJS不支持开箱即用的x轴动画。所以你必须破解它。有几种方法可以做到这一点,但以下方法似乎有效。如果您想对X轴上的数据进行动画处理更新图表时,会发生以下步骤:1)绘制轴,然后2)draw()函数被调用来绘制数据。有不同draw()不同图表类型的函数,折线图的函数是Chart.controllers.line.prototype.d

javascript - d3.js 图中圆圈的随机颜色

这是jsfiddle的链接http://jsfiddle.net/jaimem/RPGPL/2/现在图形中所有的圆圈都显示为红色。是否有一种方法可以在圆圈上显示随机颜色。这是d3.js代码vardata=[{"count":"202","year":"1590"},{"count":"215","year":"1592"},{"count":"179","year":"1593"},{"count":"199","year":"1594"},{"count":"134","year":"1595"},{"count":"176","year":"1596"},{"count":"172

javascript - 如何在 A* 图形搜索结果中拉直不需要的转弯?

我一直在研究早期90'sadventuregames的JavaScript实现。并特别绘制一条从英雄站立的地方到玩家点击的位置的路径。我的方法是首先确定是否可以绘制一条海峡线(没有障碍物),如果不能,则使用BrianGrinstead's搜索一条清晰的航路点路径。优秀javascript-astar.然而,我面临的问题是路径(而优化将转向用户认为无意的空间。这是我正在谈论的一个经典示例(绿色路径是生成的路径,红点是路径方向改变的每个转弯处):现在我知道A*只能保证返回一条不能更简单的路径(就步骤而言),但我正在努力实现权重转换的启发式方法。这是一张图片,显示了另外两条同样简单的路径(步

javascript - 如何使用 d3 v4 设置固定链接距离

所有API示例似乎仍然适用于v3。我试图了解如何创建具有固定距离链接的力图,例如:http://bl.ocks.org/d3noob/5141278我查看了link_distance但不确定如何应用它:https://github.com/d3/d3-force/blob/master/README.md#link_distance创建这样的图表:letsimulation=d3.forceSimulation().force("link",d3.forceLink().id(function(d){returnd.id;})).force("charge",d3.forceManyB