草庐IT

javascript - Gauge D3.js 显示指针顶部的数值

我是D3.js的新手,我设法使用我在Internet上找到的内容创建了一个仪表。但是我找不到任何显示指针顶部当前值的仪表。像这样:whatIwant显然,我希望值随针而动。我尝试为针本身添加“文本”属性,但没有成功。这是代码笔链接:http://codepen.io/kazu_codepen/pen/wGmGjv?editors=1010这是我的js代码://datawhichneedtobefetchedvarname="azerty";varvalue=17;vargaugeMaxValue=100;//datatocalculatevarpercentValue=value/ga

javascript - d3 : A sub array of objects

我有以下结构:[{'length':10,attributes:[1,2,3]},{'length':7,attributes:[1,3,4,5]},{'length':12,attributes:[3,5,7,9,10]},]andIamdoingthefollowing:x=d3.scale.linear().domain([0,maxHeight]).range([50,w]),y=d3.scale.linear().domain([0,maxHeight]).range([h,20]);z=d3.scale.linear().domain([0,maxHeight]).rang

javascript - 如何在指令中 $watch 多个内插属性?

我不明白如何在链接函数中同时监视多个属性,所以我创建了一个包含所有参数的对象并监视它。但是我注意到链接函数中的属性是一个字符串而不是一个对象,所以我使用的是angular.fromJson(val)。AlltheexampleIfoundjustuseoneparameter您能解释一下如何监视多个属性吗?谢谢编辑:我不能使用attrs参数,因为我需要绑定(bind)属性——即,它们需要插值。例如我认为我必须使用$watchlink:function(scope,element,attrs){scope.$watch('info',function(val){//ifinfoisand

javascript - TypeError : $(. ..)[1].attr 不是函数

我有这样设置的链接:HTML:我想得到href那就是标签包含。我尝试像这样遍历每个链接:Javascript/jQuery:for(x=0;x当我尝试这个时,我收到错误TypeError:$(...)[x].attrisnotafunction.有什么问题?谢谢。 最佳答案 您需要使用eq()这里,因为$(".some-link")[x]返回dom对象attr()方法只能与jQuery对象一起使用。所以你需要使用eq(x)或:eq()for(x=0;x或者您可以使用each()方法代替$(".some-link").each(fun

javascript - D3.JS 时序折线图,带实时数据,可平移缩放

FIDDLE我正在尝试在d3中创建一个实时(实时更新)时间序列图表,该图表也可以平移(在X中)和缩放。理想情况下,我想要的功能是,如果线的最右侧部分对用户可见,那么当新数据添加到图形时,它会自动横向平移以包含新数据(不更改轴刻度)。我的d3.json()请求应该返回如下所示的JSON数组:[{"timestamp":1399325270,"value":-0.0029460209892230222598710528},{"timestamp":1399325271,"value":-0.0029460209892230222598710528},{"timestamp":1399325

javascript - d3js 转换嵌套组图像

我正在研究[this][1]d3项目。基本上我正在尝试创建一个类似SQL的查询生成器。我可以将框放到绘图区和框内的其他操作符。然后我应该能够将它们全部连接起来。我正在尝试翻译嵌套在组中的2个图像。我想把大箱子里的小东西搬走。我可以分别改造大盒子和小算子。当我尝试首先移动小型运算符(operator)时出现问题。我想移动小运算符(operator),然后是大箱子。同时我想保持小运营商和大盒子的相对位置不变。但是,当我在移动其中一个小盒子后尝试移动大盒子时,它会重置其位置。这是我在jsfiddle中的工作演示varqBox=d3.selectAll('.qbox').on('dblclic

javascript - 使用 ngFor 索引增加 [ngStyle] attr?

我正在尝试使用ngFor动态创建多个元素,然后根据绘制的数量设置top属性。我想知道是否有办法在ngStyle的同一个div上访问ngFor的索引?即;如果没有,有什么建议可以实现类似的目标吗?我宁愿避免添加另一个div;{{d}}(虽然这也行不通)我想知道是否有办法将事件监听器附加到循环事件,以便在幕后我可以增加mrTop绘制的每个div的变量?无论如何,我不确定如何最好地解决这个问题并希望得到一些帮助/建议。Plunkhere 最佳答案 您的mrTop变量是一个字符串,您不能将它相乘。尝试:publicmrTop=10;然后或

javascript - Raphael js库获取属性值

如何在事件函数中获取矩形的属性?例如,我需要获取不透明度值。这是代码:varj=R.rect(position_x-40,position_y-285,80,50);j.attr({'fill':'#654','stroke':'none'});j.rotate(20*z,position_x,position_y);j.mouseover(function(event){this.attr({opacity:"0.5"});}); 最佳答案 我相信你可以只使用带有一个参数的attr函数,如下所示:j.attr('opacity')

javascript - D3js - 创建并轻松更新多折线图

我已经使用D3创建了一个小的测试折线图,但是由于我对这个库还很陌生,所以我不确定向图表添加多条线的最佳方法是什么,目前我只有一条线显示在这个fiddle.我想在图表上显示2条线,但我不确定如何在不复制粘贴代码的情况下实现这一点,我确信这会非常低效,因为我想定期更新/动画图表关于用户选择。取而代之的是vardata=[12345,22345,32345,42345,52345,62345,72345,82345,92345,102345,112345,122345,132345,142345];我想展示这样的东西,vardata=[[12345,42345,3234,22345,7234

javascript - 如何使用 d3.js 将圆变成正方形

将25个圆圈附加到页面后,我运行以下函数:vartransitionPage=function(){startThePage();varheight=$(document).height()-20,width=$(document).width();d3.selectAll("circle").transition().duration(2500).style("fill","steelblue").attr("r",15).transition().duration(1000).attr("cy",(height/2)).each(function(d,i){d3.select(th