草庐IT

javascript - D3 v4 中的可缩放树状图

我正在尝试根据以下示例向D3v4中的树状图添加缩放行为:1和2.它是用HTML元素而不是SVG构建的,我通过使用百分比而不是像素单位使其响应。到目前为止效果很好,但现在我想通过单击放大到单个单元格,直到到达最后一个子单元格。然后单击将返回到树的根。到目前为止,这是我的代码:http://codepen.io/znak/pen/qapRkQ我正在努力使用V4中可用的缩放功能,它无处不在:functionzoom(d){console.log('clicked:'+d.data.name);x.domain([d.x0,d.x1]);y.domain([d.y0,d.y1]);vart=d

javascript - d3.tree => 转换似乎不起作用

我使用d3js创建了一个树形布局图。节点可单击以切换显示子项。应该将子节点插入到预定义的位置,然后过渡到所需的位置。问题是插入坐标总是关闭的。使用Firebug进行调试时,它显示在添加新节点后,其坐标直接为x=51.42857142857142和y=200.0,即使行.attr("transform","translate(90,100)")应该改变它们(我在这里使用固定值,以进一步确定问题。我的错误在哪里?完整代码://Togglechildren.functiontoggle(d){if(d.children){d._children=d.children;d.children=n

javascript - $location 在使用 d3.js 的 AngularJS 中不起作用

这是我第一次遇到这个问题,不知道为什么。我正在使用d3创建一个iciclechart.有一个点击事件正在触发并调用changePath()。我看到控制台日志,这意味着我确实可以访问$location.path但是当我尝试设置它时没有任何反应:不是新页面,不是错误页面,什么都没有!如果我不通过Angular更改路径,我的路由器将不会保持我正在寻找的范围。有什么线索吗?varparentCtrl=function($scope,$location){$scope.makeBSC=function(){varchangePath=function(el){console.log($locat

javascript - 在折线图+条形图中使用 d3 画笔时出现问题(放大折线图+条形图)

我正在尝试使用画笔在d3.js中缩放我的自定义图表,但它没有按应有的方式运行。知道可能出了什么问题这是jsfiddlehttp://fiddle.jshell.net/saurabh_nitc10/od8gfsd3/9/就像这个fiddlehttp://fiddle.jshell.net/CjaD3/1/刷完之后,bars就从yaxis出来了。任何想法现有的fiddle有什么问题。缩放后它的行为不正常。请帮忙。我刚刚更新了fiddle这是我创建的插件。(function($){$.dualAxis={};varxMapObject=[];varsvg='';varfocus='';va

javascript - D3 使用新元素更新图形会创建带有错误节点的边

我的代码创建了一个图表并在每个节点上创建了一个轴心点,如果您双击它们,它将获取更多与该节点关联的数据,并有望创建新的链接。现在这是我遇到的问题:我点击了最外面的一个节点,但由于某种原因,新链接被附加到第一个节点(蓝色节点)。知道为什么会这样吗?functiondraw_graph(graph){varcolor=d3.scaleOrdinal(d3.schemeCategory20);varsvg=d3.select("svg"),width=+svg.attr("width"),height=+svg.attr("height"),node,link;svg.append('defs

javascript - 将外部数据从数据库动态加载到 d3.js

我正在尝试让动态重新加载在d3中工作,但我在尝试弄清楚如何从数据库中刷新数据时遇到了问题。我有一个数组,其中包含的值应该每秒更改:vardata=[1,2,3,4];在我最初的脚本中,我让PHP从数据库中提取数据来设置数组,重新加载页面可以正常工作,但我想使用d3的重新加载功能来获取新数据并重新绘制图表.我对js和d3完全陌生,所以任何建议都会非常有帮助。我尝试使用jQuery的get命令来调用输出值的外部PHP脚本,但这似乎不起作用。我基本上是在尝试从GoogleAnalytics实时显示中复制条形图。 最佳答案 首先,您需要在服

javascript - translate3d() 导致 jQuery 悬停/单击事件无法正确触发

在分析不同CSS动画类型上的jQuery鼠标事件时,我注意到translate3d导致悬停和其他事件无法正确触发。在一个基本示例中,我正在为从右到左的block列表设置动画。在鼠标悬停时,我将悬停的LI背景设置为绿色。注意:测试是为webkit构建的HTMLcontentcontent...CSS.container{position:absolute;left:600px;top:0;}.containerul{list-style:none;width:9999px;}.containerulli{width:200px;height:400px;float:left;backgr

javascript - AngularJS 中的 IE11 拒绝访问

每个开发流水线都有2个部分。首先努力工作并开发应用程序。其次要更加努力,让它与傲慢的IE兼容。我们有一个AngularJS(v1.3.13)应用程序,没有在Webstorm中开发的任何服务器端代码。我们正在对服务进行REST调用。我们的应用程序在Chrome和Firefox上运行良好,没有任何控制台错误。然而,当我们尝试在IE11或IE9(未尝试IE10)中打开页面时,我们的页面不会加载。控制台提示我们有2个错误。其中之一是AccessisDeniedonxhr.open(method,url,true);在angular.js中。互联网上有很多帖子,但似乎没有一个有效。这是我试过的。

javascript - 从 javascript 获取 IE 11 内部版本号

TL;DR-如何在javascript中获取IE11的内部版本号?我在版本11.0.1和11.0.7之间的某个时间点修复了一个错误。我想知道遇到此问题的用户百分比。基本上我想得到这个数字: 最佳答案 我认为仅使用JavaScript是不可能的。Microsoft试图隐藏IE11实际上是InternetExplorer的事实,请参阅http://www.nczonline.net/blog/2013/07/02/internet-explorer-11-dont-call-me-ie/.因此,即使是IE11的用户代理现在看起来也是这样

javascript - d3.js画笔填充颜色直方图

我用d3.js创建了一些直方图.我设法更改了rect的填充颜色取决于brush的位置.但我想更改rect中的颜色.例如,如果brushstart在rect的中间我想要我的rect有两种颜色。目前这就是我所拥有的:这就是我想要的:我见过一些例子,比如Here.我是d3的新手,我尝试理解代码。我看到他们使用clip-path这肯定会在没有画笔时隐藏背景栏,并在有画笔时显示背景栏,具体取决于画笔的范围。这是一个JSBin更新我已经详细阅读了link中提供的代码.我发现他们不创建制作图表的元素但是barPath喜欢跟随:functionbarPath(groups){varpath=[],i=