草庐IT

d3_graph_chart

全部标签

javascript - D3 中的最近邻搜索

我实现了一个二维k-dtree在Javascript(checkitoutonGitHub)中,我将它与D3一起用于最近邻搜索.我了解到有aquadtreeimplementation在D3中,但也发现API文档稀少,Google搜索也没有结果。在可能的情况下,我宁愿使用一个经常访问的库,也不愿使用我自己重新发明的轮子。如何使用D3的四叉树执行最近邻搜索?最近邻,我的意思是:用二维点填充四叉树搜索最接近四叉树中不一定存在的新点的四叉树包含点 最佳答案 刷牙演示实际上并没有找到最近的邻居,而是找到了给定矩形中包含的四叉树点。(尝试刷一

javascript - 来自 CSV 的 d3 可缩放 TreeMap

我是D3的新手,我发现它非常令人羞愧。我的目标是从CSV文件制作树状图。我想使用CSV格式,因为我将处理电子表格中的值,而且以这种方式保存文件对我来说很容易。我正在尝试以分层格式存储数据,类似这样(hier.csv):parent,child,valueHomerSimpson,Bart,20HomerSimpson,Lisa,14HomerSimpson,Maggie,6PeterGriffin,Chris,19PeterGriffin,Meg,12PeterGriffin,Stewie,9我正在使用这个ZoomableTreemapexample.我希望树可以任意深,即如果Bart

javascript - 为什么 Graph API 在第一次登录时返回我相册的问号封面照片,而在后续登录时返回正确的图像?

我正在使用GraphAPI的FBjavascript驱动程序来允许用户从他们的Facebook帐户中选择照片。他们第一次连接时,系统会提示他们登录:FB.login(function(res){if(res.status=='connected'){auth=res.authResponse;//cacheauthresponsegetAlbums();}});如果成功,我缓存返回的auth对象并立即获取用户的相册:functiongetAlbums(){FB.api('/me/albums',function(res){albums=res.data;});}使用返回的对象,我遍历相

javascript - 使用 D3.js 的 <circle> 属性 cx =“NaN” 的值无效

我正在尝试创建一种散点图形式。我有一个自定义的x轴和两个a轴的特定比例。我也为它实现了缩放功能。到目前为止一切都很好,但是当我最终尝试将我的数据绘制为圆圈时,出现了两个错误:.我的图可以在这个网站上看到:http://servers.binf.ku.dk/hemaexplorerbeta/(圆圈很大,因为我想确保在设计它们之前大致知道它们的位置)我根据从MYSQL服务器读取的数据创建我的圈子。我检查了我所有的数据,数字是正确的。他们要么绘制错误,要么我的比例/缩放有问题。您可能还会注意到,我最初使用一些值创建轴和比例,然后立即在某些函数中更改它们。这是因为我计划在网站上加载一个空图,用

javascript - Chart.js 中的随机填充颜色

我已经使用nvd3很长时间了。在nvd3中,我们可以选择指定自动图形填充颜色。chart.barColor()HowcanIfillrandomcolorsinChart.jsgraphswithoutdefiningeachcolorindatasets?我不想使用JavaScript函数从中生成和获取随机颜色。我需要类似于nvd3barColor()的东西如果有可能的方法,请帮助我。 最佳答案 functiongetRandomColor(){varletters='0123456789ABCDEF'.split('');var

javascript - d3.scale.category20 对我来说太聪明了

任何人都可以向我解释为什么这两个表达式返回不同的值...log1.text(c20(1));//"#aec7e8"log2.text(d3.scale.category20()(1));//"#1f77b4"...在以下上下文中工作示例...varc20=d3.scale.category20(),col=d3.range(20).map(function(c){returnc20(c).replace("#","0x")}),log1=d3.select("#log1"),log2=d3.select("#log2");log1.text(c20(1));//"#aec7e8"log

javascript - 将 D3 注入(inject) AngularJS 的正确约定

我见过只使用全局D3对象的指令,我也见过通过在服务中返回它来注入(inject)全局D3对象的指令,我见过添加D3脚本并返回一个在提供D3对象的脚本加载时解决的promise。在可注入(inject)服务中使用它似乎最有意义(参见示例1和2),但我不确定哪种方式更好。示例2将保证D3在运行任何代码之前已经加载,但似乎没有人这样做,而且这意味着您必须将整个指令包装在服务中,否则d3和创建的svg对象超出范围或可能未定义(参见示例2),但我相信至少编译的promise总是首先解决,参见示例3。示例1:服务传递D3全局对象.factory('D3Service',[,function(){/

javascript - Chart.js 2 - 标签重叠

我在我的一个项目中使用Chart.js2。我已经成功地设计了它的样式,但有一个问题我似乎无法解决,这让我很不安。有时x轴上的最后一个标签会重叠。以下是我正在使用的选项:$scope.colours=[{borderColor:'#FFF',},{borderColor:'#FAF6DD'},{borderColor:'#A5CCFE'}];$scope.options={type:'line',tooltips:{enabled:false},elements:{line:{borderWidth:2,fill:false},point:{radius:0,hoverRadius:0}

javascript - 在 javascript/d3 中具有力导向布局的 Beeswarm 图

这是一个articleoncreatingbeeswarmplotsinR.还有Rpackageforbeeswarmplot.接下来的两张图片说明了该软件包提供的一些可能性:但是,我现在正尝试使用d3.js的力导向布局来实现它.我的计划是让自定义重力将点拉向垂直线及其适当的y值,碰撞检测使点彼此远离。我有asemi-workingprototype:不幸的是,我找不到解决两个问题的方法——我怀疑这两个问题实际上是同一个问题:我的观点一直有重叠,至少有一点重叠。点数累积后,正在进行“洗牌”布局的中心,作为防撞力和“来到中心”部队战斗。我希望这些点能很快就他们应该住在哪里达成一致,并且不

javascript - 将数据传递给 d3.svg.line()

所以,我有一个像这样的Javascript对象:-对象{数据:Array[39],时间:Array[39]}object.data是一个值数组,而object.time是一个javascript的日期对象数组。我正在尝试在D3中绘制折线图。我的代码的相关部分://Linefunctionvarline=d3.svg.line().x(function(d,i){returnx(d.time);}).y(function(d,i){returny(d.data);});//DrawLinesvg.append("path").datum([data]).attr("class","lin