草庐IT

javascript - 具有正值和负值的 d3.js 直方图

我不知道如何在数据数组中同时存在正值和负值的情况下正确创建直方图。我在这里使用了直方图示例http://bl.ocks.org/mbostock/3048450作为基础,虽然x轴值和刻度是正确的,但条形图是午餐。数据varvalues=[-15,-20,-22,-18,2,6,-26,-18,-15,-20,-22,-18,2,6,-26,-18];X比例varx0=Math.max(-d3.min(values),d3.max(values));varx=d3.scale.linear().domain([-x0,x0]).range([0,width]).nice();在这里查看j

javascript - D3.js 获取面积图最近的 X 和 Y 坐标

您好,我有一个包含多个X(年份)和Y(价格)值的面积图。正如我发现的那样,当用户单击线上的一个点时,有一种简单的方法可以获取图表的X、Y坐标值,但是单击外部线,即SVG/图表主体区域只能提供平面坐标的X、Y而不是数据。图表上的点:circles=c.svg().selectAll'circle.dot'circles.on'click',(d)->console.log'POINT','Datum:',dO/P:POINTDatum:{x:FriFeb01198000:00:00GMT+0000(GMTStandardTime),y:666}图表外点:svg.on'click',()-

javascript - D3.js 缩放从数据集中返回错误值

我在d3.js中遇到了scales的问题。当我在Firefox控制台中输入最小值和最大值时,我得到最大值作为最小值,第二最大值作为最大值。这里有什么问题?这是我的csv文件形式的数据集:word,occurobama,11theguardian,9world,8state,8care,7pakistan,7block,6blog,6healthcare,5这是我在控制台中输入的内容以及返回的值:d3.min(dataset,function(d){returnd.occur});=>"11"d3.max(dataset,function(d){returnd.occur});="9"d

javascript - D3 分组条形图 : How to rotate the text of x axis ticks?

我使用的是分组条形图(http://bl.ocks.org/mbostock/3887051),但是x轴的文字很长,如附图所示。如何旋转文字?谢谢你。 最佳答案 可以找到合理的解决方案here结果是这样的:确保您完全理解这部分代码:svg.append("g").attr("class","xaxis").attr("transform","translate(0,"+height+")").call(xAxis).selectAll("text").style("text-anchor","end").attr("dx","-.8

javascript - javascript `this.closest` 在 IE11 和 Chrome 中的使用

这个问题在这里已经有了答案:What'sthedifferencebetween'$(this)'and'this'?(7个答案)关闭6年前。在IE11中,下面的代码显示了以下错误,但它在Chrome中工作Objectdoesn'tsupportpropertyormethod'closest'4:31PM09/07/16assetTable.on("click","td.clickProgress",functiononDataTableRowClicked(event){vartr=this.closest("tr");varassetId=tr.id.replace("asset

javascript - D3/GraphGL 力定向网络可视化的放大镜效果?

在使用D3或GraphGL库?节点需要展开并取代周围的其他节点,同时保持力导向布局。如果有人能forkthis证明,那太好了!谢谢请注意,这与thisquestion中的简单缩放不同。 最佳答案 好问题。为了回答这个问题,我实现了一个D3plugin对于fisheyedistortion.它大致基于Flare和Sigma.js之前的工作,而后者又基于Sarkar和Brown的工作,"GraphicalFisheyeViewsofGraphs",志'92.这是一个quickdemo与Misérables数据集。查看代码的源代码。我会在

javascript - 如何通过 Internet Explorer 访问网络摄像头(11)?

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭8年前。Improvethisquestion上下文:我正在构建一个离线网站(html5、css、js),我想通过IE(11)调用它。为了拍摄/保存照片,我需要访问网络摄像头。方法:我读到IE不支持getUserMedia;唯一的方法是使用闪光灯。问题:是否只有使用flash才能通过IE访问网络摄像头?如果是,请推荐一个例子。非常感谢您的意见。

javascript - d3 v4 - 缩放按钮与缩放行为冲突

我创建了一个gist我的问题。我从thisexample开始.所以我的问题是,除了鼠标控件之外,我还需要一些放大和缩小按钮。鼠标控制(使用滚轮缩放和平移通过拖动)是用zoom()behaviour实现的.它工作得很好。然后我添加了两个用于放大和缩小的按钮:var_zoom=d3.zoom().scaleExtent([1/2,8]).on("zoom",zoomed);vargui=d3.select("#gui")gui.append("span").classed("zoomin",true).text("+").on("click",function(){_zoom.scaleB

javascript - Internet Explorer 11 上的 SweetAlert2 语法错误

我正在使用SweetAlert2examplespage的确切代码:swal({title:'Areyousure?',text:"Youwon'tbeabletorevertthis!",type:'warning',showCancelButton:true,confirmButtonColor:'#3085d6',cancelButtonColor:'#d33',confirmButtonText:'Yes,deleteit!'}).then((result)=>{if(result.value){swal('Deleted!','Yourfilehasbeendeleted.'

javascript - 使用 d3.js 和 TypeScript 绘制饼图时出现编译错误

我正在尝试使用d3.js库和TypeScript绘制饼图。我有以下代码:"usestrict";moduleChart{exportclasschart{privatechart:d3.Selection;privatewidth:number;privateheight:number;privateradius:number;privatedonutWidth:number;privatedataset:{label:string,count:number}[];privatecolor:d3.scale.Ordinal;constructor(container:any){this