草庐IT

javascript - d3 在 mousemove 上创建节点的上下文中插入 vs 追加

在下面的代码中,作者使用.insert将圆定位在矩形“之前”(我相信实际上它们出现在顶部)而不是将它们直接附加到svg空间。我认为这是不必要的,所以删除了rect和.insert并将圆形元素直接附加到svg空间。然而,结果是圆圈“画得不够快”(因为缺乏更明确的解释)。任何人都可以解释为什么这会发生在我身上,或者给我指出一些确实解释它的文献的方向吗?varwidth=Math.max(900,innerWidth),height=Math.max(700,innerHeight)varsvg=d3.select("body").append("svg").attr({"width":wi

javascript - d3.js:访问向下嵌套 2 级的数据

数据结构:vardata=[{name:"male",values:[{count:12345,date:Date2015-xxx,name:"male"},{...}]},{name:"female",values:[{count:6789,date:Date2015-xxx,name:"female"},{...}]}]我想要访问的值是data[a].values[b].count这些值用于为我的绘图绘制圆圈圆图代码:focus.selectAll(".dot").data(data).enter().append("circle").attr("class","dot").att

javascript - 如何/何时将事件监听器附加到d3.js中?

我正在尝试制作各种SVG编辑器。长话短说,我需要将鼠标事件附加到给定SVG中特定深度的元素上。由于各种原因,我无法提前知道ID。SVG非常庞大,将包含数百甚至数千个元素。d3.selectAll("svg>g>g>g").select("g").on("mouseover",function(){console.log("mouseover");}).on("mouseout",function(){console.log("mouseout");}).on("click",function(){console.log("clicked");});该代码有效,但是开始之前需要很长时间。

javascript - 如何设置 d3 符号的大小?

我不知道如何设置我的d3符号的大小:legendRectE.append('path').attr("d",d3.svg.symbol().type((d)=>{returnd[2]})).style("fill",function(d){returnd[1];}).attr('stroke','black');我试过像这样使用.size(),但没有成功:legendRectE.append('path').attr("d",d3.svg.symbol().type((d)=>{returnd[2]})).style("fill",function(d){returnd[1];}).a

javascript - 如何将 D3 JavaScript 中的 'this' 转换为 TypeScript?

我知道JavaScript中的“this”与TypeScript中的含义不同,根据这篇文章'this'inTypeScript.我有以下JavaScript代码,用于在所选节点上创建较粗的笔划,并为所有其他节点提供较小的笔划。node.on('click',function(d){d3.selectAll('circle').attr('stroke-width',1.5);d3.select(this).select('circle').attr('stroke-width',5);})在TypeScript中我有this.node.on('click',(d:any)=>{this

javascript - 如何使用 web3js 发送 ERC20 token

我目前使用的是Web3JavaScriptAPI的0.2x.x版本。我通过在solidity中创建智能合约(在REMIXIDE上)部署了我的自定义ERC20token。我安装了MetaMask并在https://wallet.ethereum.org/上进行了测试将一些自定义ERCtoken发送到另一个我的帐户。它运作良好。我想使用Web3js在我的JavaScript代码中添加“发送自定义ERC20token”功能。下面是我的代码。varhttp=require('http');varWeb3=require('web3');varTx=require('ethereumjs-tx'

javascript - 如何在没有 javascript 的情况下对 Web 表单中的密码进行编码?

当然,这并不是说我无法访问javascript。在我的大多数CSWeb开发类(class)中,我们都学习了一些关于服务器端验证的知识,然后一旦引入了javascript,服务器端验证就被抛到了窗外。我选择不仅仅依赖javascript,因为客户端从来都不是安全的地方。我已经养成了为这些事情编写客户端和服务器端代码的习惯。但是,对于我正在编写的具有可选AJAX的Web应用程序,如果有人关闭了javascript,我不希望通过网络发送明文密码。我意识到我可能会问一个catch-22的情况,所以让我问这个问题:当我们所能依赖的只是服务器端脚本。在登录页面的第一个请求中,有没有办法让浏览器加密

javascript - 在 IE 'enter' 中提交 "web browser"表单

第一浏览器下载其他浏览器有问题...IE当您在表单中按回车键时,IE8无法提交。这是我使用的:functionsubmitOnEnter(){if(browserName=="MicrosoftInternetExplorer"){varkey;if(window.event){key=window.event.keyCode;//IE}if(key==13){document.forms['myform'].submit();}}}这位于文本输入上:onkeyup="submitOnEnter()"当我按两次回车时,表单似乎提交了??但不是一次。你能帮忙吗?

javascript - Web 应用程序的推荐 JS kb 限制是多少?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭5年前。Improvethisquestion只是想知道是否有更有经验的人可以建议一个Web应用程序中JS资源总量的建议限制。我想确保我的带宽没有重载。我目前在两个.js文件(未缩小)之间分布了大约350-400kb。这不包括来自GoogleCDN的jQuery和jQueryUI。谢谢!

javascript - d3.js 如何向条形图添加线条

我有一个包含4个值的数据集。[ABCD]。目前它们显示在条形图中,每个值一个条。现在,由于值c和d是平均值,我想将它们显示为a和b栏后面的线。d3可以吗?如何在同一个数据数组中切换条形或线形显示?感谢您的帮助。 最佳答案 我在这里发布了一个示例,因为没有一个答案在jsbin或jsfiddle等中提供了带线的条形图的工作示例。http://jsbin.com/gisinomo/1/edit该示例是d3wiki上简单条形图的一个分支。http://bl.ocks.org/mbostock/3885304CSSbody{font:10px