d3.js

    0热度

    1回答

    我需要在网页上显示大约10.000个圆圈。每个圆都必须绑定到数据。我还需要我的圈子如下交互: 变化的CSS,如果我鼠标移到它们(高亮例如) 访问数据,如果我点击它 我试过三种实现: 一个通过D3生成SVG 一个通过D3再次生成的div sorte的 “模仿” 圈子 一个通过Fabricjs要经过帆布 对于DIV的解决方案,它只是丑陋的我的圈子并不总是完美的圆形。 对于SVG和画布,使用它有两点缓慢

    0热度

    1回答

    svgData = svg.select('g.data').selectAll('g.datum').data data, (d)-> d.key newData = svgData.enter() .append 'g' .classed 'datum', true legends = newData.append 'g' .classed 'legen

    -1热度

    1回答

    前提:我需要为开源应用程序构建此功能。 我想允许用户上传楼层平面图的图像,并指定这些楼层平面图对象的坐标。 在一个特定的常见用例中,用户需要能够将平面布置图坐标转换为地理坐标(纬度为&经度),并具有足够的精度(不是火箭科学,但不是完全错误)。 的问题是:在一个高的水平,我怎么能做到这一点? 关于这个问题,我可以找到什么样的现有教育资源? 我的想法是让用户位置/旋转/适应地理地图上的平面布置图图像,

    0热度

    1回答

    我是JavaScript和d3.js的新手。我正在尝试创建饼图。 I want to create something like this. 我正在使用d3.js.我想加厚其中一个弧。我无法找到这样做。我只想加厚只有“订婚”的项目。它与百分位数无关。 这里是我的js代码: var engaged = 10; var notEngaged = 50; var maybeEngaged = 50;

    0热度

    1回答

    我正在尝试制作一个简单的变体Bostock的Epicyclic Gears示例。 似乎运行这些齿轮的特定代码与html用户表单一起工作。确切的代码是在这里: d3.selectAll("input[name=reference]") .data([radius * 5, Infinity, -radius]) .on("change", function(radius1) {

    0热度

    1回答

    我有一个水平条形图,其中的标签有时会从画布的末端运行。例如,如果Y轴位于画布的最左侧,则基于数据值的分布,而不是显示“Chevrolet Corvette”的标签,只会显示“Chevro”。如果我可以将Y轴保留在画布中间(即点0,0位于中间)而不管数据分布如何,这将有助于解决我的问题。是否可以将Y轴保持在画布的中间位置,并相应地缩放这些条?小提琴: https://jsfiddle.net/Kav

    0热度

    1回答

    因此,我正在处理我的d3 visual中的一个问题,在该问题中,我尝试创建具有可点击链接的节点。我只是在学习D3,所以我在创建这些链接时遇到了麻烦。现在到目前为止,我已经获得了所有节点上的链接,但是我希望实现的目的是为每个节点提供不同的链接。目前,我只是为每个节点添加一个url,但是我将如何选择一个单独的节点并附加一个链接。我想这样做,当用户点击对象节点时,它会转到另一个页面。 var onode

    0热度

    1回答

    我制作的scatterplot有一个正确的y轴,从0到5000左右,但是正在绘制的节点没有达到它们的值。 问题(我认为)是y尺度的领域。我尝试过使用extent(),min和max以及硬编码值(这些尝试在那里并且注释掉)。我已经调整了进入y范围的值,他们似乎没问题,他们应该达到这个图表的顶部,但他们几乎没有到一半。 去图表的顶部节点的唯一方法是,如果我硬编码Y比例域的最大是3000,这是不甚至接近

    4热度

    1回答

    Tldr;拖动SVG会导致它旋转和平移。 我想实现拖动和使用D3(4节)作为角服务的一部分放大上SVG群体性事件。 this.unitGroup = this.svg.append('g') .attr('id', 'unitGroup') .call(this.drag) .call(this.zoom); 拖动翻译SVG。 drag = d3.drag()

    1热度

    1回答

    我是新的JavaScript所以需要一些。 我正在使用d3js库在我的页面上呈现图表。 上周我遇到了一个名为responsive chat visualization或类似的东西。现在我试图找到一种方式,让他们以更好的方式一起工作。我希望有人能帮我找到解决办法。 我有一个简单HTML页 <div id="chart"></div><script src="js/chart2.js"></scrip