首页 > TAG信息列表 > d3-js

小倍数：如何添加轴？

有谁知道如何在下面的示例中添加y轴？ https://bl.ocks.org/mbostock/e1192fe405703d8321a5187350910e08 该示例说明了如何使用每个数据系列的动态计算的yScale一次生成多个图表.但是如何使用局部yScale将yAxis添加到每个图表？解决方法:给定您链接的示例,您唯一需要做的就是为每个SVG

javascript-根据鼠标指针放大到对象

在这里,我尝试根据鼠标指针的位置放大对象(例如立方体).在这里,我搜索了一个想法,认为它可以在D3 JS中实现,也可以通过捕获鼠标指针3D点并将其传递到鼠标滚轮功能中来实现. 这是小提琴https://jsfiddle.net/fpt9hswo/ var scene, renderer, camera; var cube; var controls; var c

d3 v5轴比例更改摇摄方式太多

我有一个简单的图表,其中时间作为X轴.预期的行为是,在拖动图形时,X轴只会平移以显示数据的其他部分. 为了方便起见,由于我的X轴位于react组件中,因此创建我的图表的函数将X比例尺,x轴及其附加的元素分别设置为this.xScale,this.xAxis和this.gX. . 如果将其设置为我的zoom方法的内容

Javascript-在d3.js中,刻度线的线性刻度/轴间隔为2 ^(10 * c)而不是10 ^ c？

我正在使用d3.js来显示有关网络流量的信息,从而产生很大的效果.在可视化的某个点,y轴用于显示字节数. 我当前使用的是d3.svg.axis().ticks()系统,它的轮数很好,例如20000.转换为kB / MB / etc时,结果却是尴尬的数字,例如19.5和9.8.有没有一种方法可以使(2 ^(10 * c))的倍数变回原来

javascript-在d3力向图中使用曲线

我想通过d3强制布局可视化一些数据. 但是,连接节点的链接是直线.但是数据 可能具有连接两个节点的多个边.所以直线强制布局无法正确显示所有这些.我试图追加链接而非路径的路径.但这没有用.我不知道是否是因为我以错误的方式或用力使用它布局不接受路径作为链接.解决方法:使用svg：行

d3强制可折叠布局-折叠所有节点的起始页

我只需要对此处可用的布局进行简单的修改 http://mbostock.github.io/d3/talk/20111116/force-collapsible.html 上面的可视化从扩展所有节点开始,因此用户可以可视化完整的层次结构.唯一的问题是,图形是否密集,并且形成的毛团没有意义. 我可能只希望从根节点开始,然后根据需要逐步

Javascript-为什么D3.js不显示我的geoJSON文件？

我想用D3.js绘制柏林(德国)的轮廓. 我使用的Berlin的geoJSON文件是这样的(有Berlin-“bundesländer”)：http://opendatalab.de/projects/geojson-utilities/ 但这不适用于我的.json文件.对于我们的州,我无法发现与该.json文件的区别,使用完全相同的代码就可以正常工作：http://exampl

javascript-在measureText时附加“ m”的目的是什么

在画布中测量文本时,通常会看到如下代码： w = c.measureText(d.text + "m").width 从https://github.com/jasondavies/d3-cloud/blob/master/d3.layout.cloud.js#L233 人们为什么在测量文本时会加上“ m”.解决方法:我的猜测是,这里使用它来添加等于m字符宽度的额外填充. 在JavaSc

javascript-实时D3气泡图(圆形包装)

我正在尝试在d3.js中创建实时气泡图.由于显示的数据是非嵌套数组,因此图表本身很简单.只是大小不同的气泡. 创建带有初始数据的初始气泡图,该数据是通过Ajax从MVC控制器中获取的,如下所示： var canvas = d3.select("#dynD3") .append("svg") .attr("width", 800) .attr

javascript-如何在d3.axis.tickFormat中换行？

我想编写一个函数,该函数返回带有两行文本的刻度标签.如我所见,svg文本标签用于文本标签.有没有办法在其中添加tspan？解决方法:您可以访问轴创建的元素：Demo d3.select('svg') .append('g') .attr('transform', 'translate(180, 10)') .call(xAxis) .selectAll('text') // `

javascript-堆积的D3JS气泡图

嘿,我将D3JS用作图表库,我真的很想利用Bubble Chart中的炫酷功能.在主要的D3JS图表站点上,以下气泡图用于比较两组数据： Bubble Chart. 我想知道是否有人对如何创建这样的气泡图有任何想法,我正在努力使用大小变量使它过去. 我只是真的想能够比较两组数据,例如： 主机名(45,955,158)VS

使用变换旋转的D3轨道

我想知道数学在哪里关闭,或者是否有更好的方法来实现Im试图用d3完成的工作.本质上,我有一个具有给定半径的旋转圆,我想围绕此旋转示例here旋转任意数量的较小形状.但是,我不想使用计时器,因为我的场景涉及沿小圆旋转彼此之间具有相等旋转角度的较大圆的半径.因此,例如,第一个圆将沿

Javascript-会影响d3.js中多个单独图表的交互？

我正在尝试在d3.js中创建一个包含两个图表的数据可视化：平行轴图和水平色条图(我只是用这个名字组成,但是基本上是一系列彩色矩形).平行轴图中的每条线都与色条图中的一组矩形相关联. 现在,将鼠标悬停在给定的行上将突出显示该行,而将鼠标悬停在给定的矩形上将突出显示该组矩形.我的

Javascript函数返回未定义的值

这个问题已经在这里有了答案：            >            How to return value from an asynchronous callback function?                                     3个 首先,我是javascript的新手,这是我使用该语言的第一

javascript-将传单缩放级别与d3地理比例相匹配

我要怎么办 >在传单(或任何地图框架)的顶部覆盖SVG图层. >在我的SVG层中使用d3js和d3.geo.mercator位置元素,以便将它们正确放置在传单上.>我只能访问缩放级别,地图中心(纬度/经度),地图SVG元素的宽度和高度.>我只需要收听缩放级别和地图中心的更改,即可知道何时重新放置SVG元素.

javascript-调整组的比例以确保内部形状在d3 js中尽可能大

我正在使用类似于此示例的d3树布局：http://bl.ocks.org/mbostock/4339083 我实现了一个搜索框,该搜索框在键入时将屏幕居中于所有适当节点的虚拟“平均”位置. 我想调整比例,以便将选定的节点设置为 >全部可见 >尽可能放大. 如果搜索匹配恰好为1,则模拟节点上的单击,否则以该虚拟位

javascript-D3折线图中的自定义x轴刻度

我们正在使用D3库在项目中创建折线图.我想显示自定义x轴刻度数月.例如0代表0个月,5代表60个月,10代表120个月等等. 任何帮助或建议,将不胜感激. 这是我创建折线图的代码； $(document).ready(function() { var margin = {top: 30, right: 10, bottom: 50, left: 60}, chart

javascript-具有复选框的平行坐标

我有一些要使用平行坐标可视化的数据. 我的数据由200行(案例)和100列(功能)组成.我只需要可视化部分数据(200×8),包括feature1,feature2,…,feature8.另外,我有4列数据(A,B,C和D),它们的值为0或1.例如,如果一个案例(行)的A列的值为1,则表示数据的案例是类型一种. 我已经有了绘制平

如何在Salesforce Visual Force中实现Javascript？

我目前正在尝试在Visual force中实现javascript和html以生成图形.下面的脚本假设是这样做的,但是我所看到的只是一个空白页.我要导入的资源包括 > jQuery的 > D3>直流>交叉过滤器>火力基地> Twitter的引导> dc.css> bootstrap.css 也许,这就是我通过它们的src链接导入库的方式,但这

javascript-d3js-退出()过渡后节点不会被移除

我有一张图表,其中随着时间的流逝动态创建节点. 一段时间后,我淡出节点并将其删除. 我有2个变量： > data_nodes包含将节点绑定到的数据>节点,这是d3.selectAll的结果 我尝试了以下 node = svg.selectAll(".nodes") .data(data_nodes, function(d){return d.id;}); node.exit.r

javascript-防止d3和弦重叠

This demo(不是我的代码)将两个不同类别的项目相互比较,因此-与和弦图不同,在弦图中,任何项目都可以连接到其他项目-咖啡店不能连接到咖啡店,州也不能与各州相连. 如果首先使用Dunkin’Donuts,则有些楔形看起来像这样： 但是,如果星巴克在该州的价值更高,则其他楔形看起来像这样： 我认

javascript-D3.js中的点图

我对创建点图(每个数据值都有连续点的点图)感兴趣,但是到目前为止,我已经设法为每个值创建一个点. 更清楚地说,对于要让第一个值创建5个圆的array1,对于第二个4个圆,以此类推… array1 = [5,4,2,0,3] 有任何想法吗？ 我的部分代码： var circle = chart.selectAll("g") .data(d

javascript-如何将两个d3对象合并为一个以进行批量操作

我正在使用d3.js创建一些静态SVG元素,它们共享许多属性. var c1 = svg.append('circle').attr('r',20); var c2 = svg.append('circle').attr('r',40); ... 我想将它们组合在一起以设置其他属性.我以为我可以使用推,即 var circles = svg.append('circle').attr('r&

javascript-D3-如何使用条形图的键循环遍历对象

我正在尝试使用下面的数据集创建条形图.我被卡在确定bar [country]的height [score]的部分上.如何遍历数据集以提取不同国家/地区的每个分数？ 任何帮助将不胜感激 ：) var w = 500; var h = 100; var barPadding = 1; var dataset = [ {"country":"Hong Kong","score":8.98}, {"

javascript-强制布局内的强制布局：如何拖动内部节点

我正在一个带有大圆圈的强制布局的应用程序上.对于该力布局中的每个节点,我在较小的圆上附加了另一个力布局,这些圆出现在大圆(fiddle here)内. D3.js的强制布局允许用鼠标拖动一个节点.但是,尽管由于内力布局的原因,较小的内圆相对于较大的外圆移动,但我无法以似乎独立于较大圆的