草庐IT

force-device-scale-factor

全部标签

javascript - d3js force directed - 在悬停到节点时,突出显示/着色链接节点和链接?

我有具有4种类型的节点和两种类型的链接的力定向图。我将一种类型的节点(蓝色的小节点)用作两个较大节点之间的“连接节点”。在鼠标悬停节点上,它变大了,但我也想用不同的颜色为这个节点的“连接”着色。所以当你将鼠标悬停在一个节点上时...所有链接和小“连接节点”都会变成不同的颜色,这样你就可以知道这个悬停的节点连接到哪个其他更大的节点。你可以通过以下链接查看我的情况:http://jsfiddle.net/2pdxz/例如:如果您将鼠标悬停在Google节点上,带有“connection”节点的指向Yahoo的链接将突出显示,并且指向CDO和CTO突出显示我尝试添加这部分代码:functio

javascript - Uncaught ReferenceError : show value is not defined(Only for mobile device)

您好,我已经实现了代码,其中在添加到购物车时会添加商品,还会打开一个显示购物车商品的弹出窗口。在桌面上它运行良好,但在移动设备上它不工作。对于移动设备,它是shoingingerrorasUncaughtReferenceError:showvalueisnotdefined下面是我的代码functionshowvalue(value,product){$('#').text(product);$('#').text(value);$('.cart_popup').show();setTimeout(function(){$('.cart_popup').fadeOut('slow')

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 force layout的仿真速度

我正在关注像this这样的d3强制布局示例.我想控制点飞向簇的速度。换句话说,我想让一些点花更多的时间到达它们的最终位置,而一些点花更少的时间。我尝试添加一个计时器功能来控制每个滴答的时间,但没有成功。this.force=d3.layout.force().on("tick",setTimeout(tick(d),50));我需要帮助。 最佳答案 不要设置计时器来调用tick函数,这是由强制布局自动完成的。然而,您可以设置许多参数来修改强制布局的行为。以下是与您尝试做的事情最相关的内容。.friction()对应于速度衰减的速度,

javascript - OL3 : force redraw layer

我目前正在使用新版本的OpenLayersOL3升级OpenLayers客户端版本2.13.1。我的设置包括作为WMSmap服务器的Mapserver和前面提到的OpenLayers客户端。在旧系统中,我支持用户交互,如果用户点击map的某个部分,map文件会再次生成,结果我强制重绘图层以使map的某些部分着色。OL2版本中的代码示例:$.ajax({params:...success:function(data){if(data.success){gisLayer.redraw(true);}}});我想在OL3中得到同样的功能,但是没有重绘功能。我发现了两个有用的函数,但要获得相同

javascript + html5 Canvas : drawing instead of dragging/scrolling on mobile devices?

我正在使用html5Canvas+一些javascript(onmousedown/move/up)在网页上创建简单的绘图板。在Opera、Firefox、Chrome等中运行良好(在台式电脑上试用)。但是,如果我使用iPhone访问此页面,当我尝试在Canvas上绘图时,它会拖动或滚动页面。这适用于其他页面内容,通过上下滑动页面,您可以像往常一样在移动浏览器中浏览页面。但是有没有一种方法可以在Canvas上禁用此行为,以便移动访问者也可以在上面实际绘制一些东西?为了您的引用,这里有一个简单的例子:functioninit(){varcanvas=document.getElement

javascript - Force Masonry/similar to ignore flow and fill gaps 相反

Masonry/Isotope/Freetile和其他在网格/容器中绝对定位元素方面做得很好。但是,当元素占据网格/容器的整个宽度时,它会产生巨大的间隙,这是NotAcceptable结果。这是我的问题的一个jsfiddle:http://jsfiddle.net/QNf3A/1/红色div顶部有足够的空间放置绿色div。然而,不同的图书馆倾向于尊重流程,而不是“不留缝隙”的理念。有谁知道替代的js库或类似的技巧来避免差距?-来自jsfiddle的代码...HTML:CSS:#container{width:600px;background-color:#EEE;}.block{flo

javascript - 如何在 d3.scale.ordinal() 中指定域?

varW=100;varH=200;vardata=[{v:4},{v:8},{v:15},{v:16},{v:23},{v:42}];varx=d3.scale.linear().domain([0,max_x]).range([0,W]);vary=d3.scale.ordinal().domain([0,1,2,3,4,5]).rangeBands([0,H]);如何在不输入数据的情况下自动枚举数据域,例如0、1、2、3我尝试了domain(data)和domain([0,data.length]),但我需要两者之间的所有值。 最佳答案

javascript - d3 获取 Band Scales 的反转值

我正在使用d3编写甘特图我有带时间刻度(时间)的xScalethis.xScale=d3.scaleTime().domain([this.startDate,this.endDate]).range([0,this.getWidth()]);和yScale作为波段尺度(资源)this.yScale=d3.scaleBand().domain(resources.map(function(res){returnres.res_num;})).rangeRound([0,this.getHeight()]).paddingInner(.3)问题是我需要将任务(SVGRect)从一个资源拖

javascript - jack 摩尔缩放 1.7.15 : Toggle zoom on touch device with double tap

使用Jackmoore的Zoom:http://www.jacklmoore.com/zoom/https://github.com/jackmoore/zoom我想在触摸设备上使用双击来切换缩放效果。原因是我为图像使用的轮播(OWLCarousel)也具有滑动功能,并且缩放通过触摸和拖动图像在触摸设备上工作,这与滑动冲突。就像topman网站对移动设备所做的一样:http://www.topman.com/en/tmuk/product/clothing-140502/mens-blazers-5369753/black-textured-slim-fit-tuxedo-jacket