草庐IT

javascript - d3.js 处理非 svg 浏览器

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。d3.js开发人员如何处理无法呈现svg的浏览器?我很好奇,因为InternetExplorer9、8、7等在世界大部分关键地区拥有巨大的多数市场份额,但似乎有如此活跃的d3.js社区,就好像InternetExplorer不存在一样。D3的目的是提供灵活的数据驱动图表,因此能够以直观的方式可视化复杂的主题。因此,瞄准最时尚的技术场景并假装其他人也从他们的

javascript - 如何使用 D3.js 实现 R 核密度估计图?

这是我的R代码:x我正在尝试使用D3.js或任何其他等效的JavaScript库实现相同的结果..有人可以帮忙吗? 最佳答案 你见过kerneldensityestimation吗?例子?不可否认,它使用的是Epanechnikov内核而不是Gaussian,但是那部分可以修改。 关于javascript-如何使用D3.js实现R核密度估计图?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/ques

javascript - d3.js 在彼此之上创建对象

我使用以下代码在我的SVG元素中创建矩形:varrectangles=svg.selectAll("rect").data(dataset).enter().append("rect");rectangles.attr("x",function(d){returnxScale(getDate(d));//returnxScale(d.start);}).attr("y",function(d,i){return(i*33);}).attr("height",30).transition().duration(1000).attr("width",function(d){returnd.

javascript - d3JS : Plot lower-density data version of a large data set when zoomed out on line/area chart

我正在创建一个类似于MikeBostock's的图表可缩放面积图。对于我的特定项目,我有一组传感器,每30秒记录一次值(温度、光线、湿度和声音)。我有缩放实现工作,但是当我缩小到一年的比例时,图表的密度会减慢浏览器的速度并且图形也不会读取。如何编辑脚本,使折线图的密度相对于缩放量发生变化?换句话说,x域控制着值(value)线上的点数。当我放大到一个小时的时间范围时,我想要全密度(每30秒记录一次),而当我缩小时,我想要低得多的密度(每天记录一次)。有任何想法吗?使用上面链接中的脚本实现会很有帮助。谢谢!svg{font-size:10px;}.axis{shape-rendering

javascript - d3饼图的不同弧形显示相同的颜色

我已经使用d3创建了一个饼图。它工作得很好,但是,当两个元素的数据值相等时,它显示相同的颜色。我该如何解决这个问题?functiongraph_pie_value(data,id,height,width){d3.select(id).selectAll("svg").remove();varradius=Math.min(width,height)/2;varcolor=d3.scale.category20c();varpie=d3.layout.pie().sort(null).value(function(d){returnd.value;});vararc=d3.svg.ar

javascript - D3 : Get nearest value from ordinal axis on mouseover

在我的D3折线图中,我尝试创建一个鼠标悬停效果,如本例所示:http://bl.ocks.org/mbostock/3902569在这个例子中,作者使用了平分线函数,据我所知,它只支持线性比例。问题是,在我的图表中,我有一个带有不同离散rangePoint元组的序号x轴。因此,如果像下面的情况(m=鼠标位置),我想获得最接近的x值的像素位置,在本例中为x2。m|x1----------x2----------x3有什么办法吗? 最佳答案 使用您的链接示例,这里是用于序号比例的mousemove函数的快速实现:vartickPos=x

javascript - 使用哈希 url 卡在 Angular ui-router State.go 上?

我正在研究ui-router。我有一个状态:.state('new-personal-orders',{url:'/orders/new-personal-orders/:catId?',template:''})在我的Controller中,我可以使用$state.go('new-personal-orders',null,{reload:true})在Html文件中我有一个anchor标记:Link如果标签被点击,状态就会改变,'new-personal-orders'变成当前状态,在url中有尾随散列。然后url看起来像:http://localhost:3000/orders/

javascript - D3 平移缩放后点击坐标

我正在使用D3库创建绘图应用程序。我需要在用户点击的坐标上绘制对象(为简单起见用圆圈)。问题是当用户使用平移和缩放并移动视口(viewport)时。然后对象被放置在错误的位置(我猜问题是事件坐标是相对于svg元素而不是g,所以它们是在没有适当转换的情况下计算的)。$('svg').on('click',function(event){d3.select('#content-layer').append('circle').attr('r',10).attr('cx',event.offsetX).attr('cy',event.offsetY).attr('stroke','black

javascript - d3-transition attrTween、styleTween 方法在 d3 版本 4 中未被触发

我正在尝试将以下圆环图从d3.jsv3升级到d3.jsv4。http://bl.ocks.org/dbuezas/9306799我已经用新版本中的等效方法替换了所有旧版本的方法名称。d3.scale.ordinal()到d3.scaleOrdinal()d3.layout.pie()到d3.pie()d3.svg.arc()到d3.arc()未生成路径标记的“d”属性。并且方法“attrTween和styleTween”在v4中甚至没有被触发。我创建了一个plunker为了这。body{font-family:"HelveticaNeue",Helvetica,Arial,sans-s

javascript - d3.csv 无法上一级目录

我正在尝试使用d3.csv引用位于父文件夹中的文件,但找不到正确的语法。我的文件夹结构如下:root└──js├──data.csv└──myGraph.js在js文件夹中,我有myGraph.js。在这个文件中,我有以下代码:d3.csv("data.csv",function(error,data){data.forEach(function(d){d.date=parseDate(d.date);d.close=+d.close;});如果我将data.csv放在js文件夹中,一切正常。但是,如果我将data.csv文件移到根文件夹中root├──data.csv└──js└──