重构d3js:将多个弧和文本块重构为整齐的js函数
Refactoring d3js: multiple arcs & text blocks into tidy js functions

我正在使用d3构建一个简单的动画导航元素(用于练习)。 然而,我的代码非常冗长,因为我创建了相同的弧(除了少数例外)3次并且每次都进行硬编码...

绘制图表时出现d3js错误
d3js error while drawing the chart

我试图从我的图表的数据集中解析timeStamp。 当我试图解析我的数据集时,它说“未捕获的TypeError:t.slice不是函数”。 这是我试过的方式,var ...

使用d3连接和文本定位进行SVG操作
SVG manipulation with d3 joins and text positioning

我一直试图用d3制作一个图表,我只是得到一张代表我所追求的图表,这是一些相对缩放的甜甜圈图表。 这是一个小提琴http://jsfiddle.net/Qxhzd/1/ ...

无法让nvd3 x值标签显示正确
Can't get nvd3 x value labels to display right

我正在尝试将x轴标签指定为字符串。 我可以让字符串出现,但我不能让它们正确展开/对齐。 所有数字都显示正确,我似乎无法......

D3.js“<path>属性的值无效...”但图表仍然更新
D3.js "Invalid value for <path> attribute..." yet chart still updates

我正在浏览Mike Bostock令人难以置信的一系列示例,我目前正在尝试使用我自己的Pie Update II版本(http://bl.ocks.org/mbostock/1346410)。 我混合在一起......

在D3中选择SVG
Selecting SVGs in D3

我有一些可视化,我有成对的矩形。 每对共享相同的id属性。 所以目前,我已经设置好了,如果我将鼠标悬停在任何一个上面,两者都会改变颜色。 ...

响应D3 js图表[重复]
Responsive D3 js chart

我试图使D3js图表响应,无法让它工作。 想知道你们可以提供帮助。 该网站是http://www.vizualytic.com/ d3js图表在主页上

有没有办法一起访问输入和更新选择?
Is there a way to access enter and update selections together?

当使用d3.js时,这似乎是我的常规模式:function getAttr(d,i){...} things = container.selectAll(“selector”)。data(data); things.attr(“attr”,getAttr); things.enter()。追加(” ...

如何使用不同的属性名称引用d3.js中的数据对象?
How do I refer to data objects in d3.js with different property names?

我试图在数据集中在d3.js中创建一些圆圈,其中每个属性具有不同的名称:var h = 500; var w = 800; var data = {'Jane':30,'John':40,'Mary':50,'Al':60}; var svg = ...

Javascript / D3 - 标签的条件格式
Javascript / D3 --- Conditional Format for Label

我有一个热图日历,其中包含分为以下值的小时数:6,30,7,30,8,30。 因此,您可以假设6是6:00,而30之后是6:30。 我希望小时值更大(例如12px)和30 ...

NVD3在多个组图表中重用值
NVD3 reuse values in multiple group charts

有没有办法让NVD3 / D3对用于第一个数据集的后续数据集使用相同的X值? 看看下面的例子。 var testdata = [{“key”:“Quantity”,...

使用给定ID访问特定路径元素
Access a specific path element using given ID

我正在使用Topojson和world-110m.json来可视化世界地图。 我试图通过点击事件更改两个特定国家/地区的填充属性。 点击选择第一个国家/地区

如何在dc.js条形图中添加投影
How to add a drop shadow to dc.js bar chart rects

如何在dc.js条形图中添加投影? 我看过svg过滤器,但不知道如何将其应用于dc.js图表​​。 我一直在看http://bl.ocks.org/cpbotha/5200394例子......

更新包布局上的凌乱数据
Messy data on update pack layout

我正在尝试从包布局中删除一个圆圈及其子节点,然后重新计算其他子节点。 我正在使用exit来处理已删除的数据,但每当我添加或删除元素并应用转换时,...

D3尝试访问json对象中的vis元素
D3 trying to access vis element in json object

我正在尝试使用D3访问下面json对象中的vis元素(参见屏幕截图),但我无法这样做。 我可以使用类似于...的代码访问键和值元素而没有任何问题。

给定纬度和经度,绘制D3地理投影点
Given latitude and longitude, plotting points on D3 geo projection

我正在学习D3,我一直在研究的一个例子是地理投影(正交)。 我意识到有很多关于与此非常类似的主题的问题,......

Crossfilter Row Chart Top 10
Crossfilter Row Chart Top 10

我正在尝试使用Crossfilter.js D3.js和DC.js返回前10名列表并显示在行图表中。 HTML文件指向代码所在的js文件,如下所示:var Chart8 = dc.rowChart(“#rChart8”,...

获取与D3.js图中的节点一起移动的文本
Get text to move with nodes in D3.js graph

我在下面的代码中编写了一个类似于此处的图表。 我想在节点上添加标签,希望这个图的边缘,但是,在我的代码中,节点上的文字不会移动...

如何让$ rootScope。$ emit()和ng-show通过D3点击事件一起工作?
How do I get $rootScope.$emit() and ng-show to work together via a D3 click event?

我正在一个角度指令包装D3 svg图像。 当用户点击该D3图像时,我想在控制器中将变量设置为true,以便ng-show显示另一个D3图像。 我......

D3js - 获得第一个和最后一个十分位数
D3js-Get the first and the last decile

我在csv中有一些数据。 我想获得所有数字的第一个和最后一个十分位数。 我想我可能需要使用d3.scale.quantize()但我不知道如何...感谢您的帮助我被卡住了...

如何注入d3依赖?
how to inject d3 dependency?

我是angularjs的新手,我在main.js中注入了d3,如下所示:function(angular){'use strict'; angular.module('main',['ngFileUpload','ngCookies','ui.router','d3'])...

如何在d3.js中右键单击禁用画笔选择
How to disable brush selection on right click in d3.js

问题是如果按下鼠标右键,我如何防止刷子事件(brushstart,brush和brushend)被触发。 换句话说,我希望d3画笔仅在左鼠标或...时才会动作

在d3js中生成箭头
Generate arrows in d3js

我试图使用.append(“svg:marker”)在每行的末尾生成简单的箭头。 我显然做错了什么 - 非常感谢帮助。 bl.ocks示例的链接。 变量...

在d3.js中加载json
Load json in d3.js

我正在尝试创建一个条形图。 使用.tsv文件可以正常工作。 但现在我必须使用.json文件。 我不明白。 我尝试了一切,但网站仍然是空白。 我的json文件看起来像这样:[{...

无法为D3条形图选择XML节点
Having trouble selecting XML nodes for D3 bar chart

我搜索过这个网站并找到了很多D3示例,但我很难将我的XML文件中的节点绑定到一个简单的D3条形图上。 这是我的XML文件:<?xml version =“1.0”encoding =“UTF-8”?&...

如何在d3强制定向布局节点上显示工具提示?
How to show the tooltip on d3 force directed layout node?

我已经使用层次结构数据构建了一个示例d3可视化,这非常有效。当用户在节点上移动鼠标时,我需要显示绑定到该图标/节点的数据。 我做到了......

d3.js.
d3.js. How to append documentFragment to SVG?

看看我在jsfiddle上的例子。 一个红色矩形作为静态降价存在。 使用append方法附加第二个绿色rect。 蓝色矩形在哪里? 您可以看到任何文档检查器,蓝色矩形...

图表工具类似于Google Visualization
Charting tool similar to Google Visualization

我需要在我正在构建的JavaScript应用程序中包含一个仪表板。 Google Visualization API将提供我正在寻找的所有功能,但我需要一个无需工作的工具...

处理NVD3图表的javascript事件
Handling javascript events of a NVD3 chart

我正在将NVD3集成到基于Eclipse SWT的应用程序中,我想将图表的Javascript事件委托给嵌入的Java代码(publishEventJavaSide和logToJavaContainer是...

动态添加时SVG的布局差异
Layout difference in SVG when added dynamically

一旦将div添加到页面(通过使用jQuery触发器触发自定义事件),我基本上想在div下添加一个SVG元素。 当我尝试这样做时,如下所示:css:.full-size {...

D3.js错误:折线图的<path>属性值无效
D3.js Error: Invalid value for <path> attribute for a line chart

我正在使用d3.js qith angular JS,在显示x轴标签时遇到错误(例如:jan.feb,mar等等)。我正在读取json文件:示例数据:[{“month”: 0,“......

如何在D3中检索嵌套数据集的键值
How to retrieve the key values of a nested data set in D3

我试图将D3可视化添加到OBIEE,我需要完成的第一个图是一个多系列线图。 数据直接从OBIEE叙述视图中获取,格式为:var ...

转换svg文本不透明度
Transitioning svg text opacity

转换SVG文本元素的不透明度有没有任何问题? 我正在使用fill-opacity样式和stroke-opacity样式来淡化文本元素进出...

如何定位d3.js轴?
How to make a localization of d3.js axis?

我知道该页面,但我应该如何使用该区域设置在轴上显示本地化的月份和日期? 我有这样的日期“2014-11-14T00:00:00 + 03:00”,现在我只是使用新的Date(),而不是特别......

使用queue()加载多个文件并分配给全局变量
Using queue() to load multiple files and assign to globals

我无法获取多个文件来加载数据并分配给全局变量。 我已经阅读了类似的问题和相关的例子,但我仍然遇到了麻烦。 var originins = [],geoJSON = {“type”:“...

D3折线图以最高编号给出错误值[重复]
D3 line chart giving wrong values at highest number

我有一个数字序列从15到20依次上升,然后下降到16.从15到19它们都在图表中显示正确的位置,但是一旦后续的数字更低......

如何创建与JavaFx WebView一起使用的JavaScript包装器?
How to create a JavaScript wrapper to be used with JavaFx WebView? Is JSNI an option?

我想将JavaFx WebEngine与JavaScript库d3.js结合使用。 我已经能够从Java中访问JavaScript库。 这可以使用JSObjects,如[...中所示]

在d3中的2个坐标之间绘制一条直线
draw a straight line between 2 coordinates in d3

我在d3中绘制了x轴和y轴。 var margin = {top:20,right:100,bottom:30,left:100},width = 960 - margin.left - margin.right,height = 500 - margin.top - margin.bottom; 变量...

在D3.js中强制布局中的对象动画
Animate objects in force layout in D3.js

我需要创建一个数据可视化,看起来像一堆浮动气泡,文本在气泡内。 我有一个部分工作的例子,它使用这里编写的模拟数据:JSfiddle ...

旋转的x轴标签在d3.js条形图中切断
Rotated x-axis labels cut off in d3.js barchart

我在d3.js有一个条形图。 x轴标签的文本太长并且彼此重叠,所以我通过将以下4个属性添加到x轴文本来旋转x轴文本:.selectAll(...

成功获取节点位置后如何闪烁节点?
How to blink nodes after successfully get position of nodes?

我正在使用d3js并设置svg与g并圈出所有我已成功完成的操作,从json获取记录设置节点位置的正确行但我想在设置为指定后闪烁节点...

d3.js - 在svg中添加从json文件读取的矩形
d3.js - adding rectangles reading from json file in a svg

我在svg上添加了图例(通过矩形)。 从每组图例的不同json文件中读取数据。 我想在同一个svg中画出矩形。 但是只有一套......

D3.js:力导向图,边长与边权重成正比
D3.js: Force-directed graph, edge length proportional to edge weight

我有一个完整的,无向的加权图。 我想以这样一种方式可视化这个图形,即可视化边缘长度与边缘权重成比例,边缘权重代表距离......

D3强制布局,突出显示和淡入淡出
D3 force layout with highlighting and fading

在此jsfiddle中,实现了一个强制布局,其特殊功能是突出显示所选节点(以及来自该节点的所有链接以及位于这些链接另一端的节点)。 大多数......

D3.js-将对象的名称与其值绑定
D3.js- Binding an object's name with its value

我正在使用D3js,我有一个如下所示的数据:var data1 = [{name:'fruits',value:2},{name:'veggies',value:3},{name:'milk',值:5},{name:'empty',value:0}]; 例如:水果 - 红色方形......

d3 - 获取标签的x和y的比例
d3 - get scale of x an y for label

我创建了一个像这样的x和y比例:var xScale = d3.scale.linear()。domain([0,20]).range([0,width]); var yScale = d3.scale.linear()。domain([0,20]).range([height,0]); 一世 ...

D3.js:如何从JSON文件/端点分离JSON数据
D3.js: How can I tell apart JSON data from JSON file/endpoint

我希望函数能够在给定JSON文件的路径或直接给定JSON数据的情况下可视化图形。 有没有一种标准的方法呢? 我现在能想到的是......

D3 - 交错的颜色变化
D3 - Staggered colour change

我已经坚持了一段时间。 我有一系列像这样的矩形:我想逐步改变每个三角形的颜色,所以第一个会改变颜色,暂停,然后......

带有十字准线作为工具提示的d3js图表:如何添加在光标位置相交的2条线
d3js chart with crosshair as tooltip: How to Add 2 lines which intersect at cursor position

Mike Bostock的这个例子显示了我试图复制的工具提示(circle + text element:http://bl.ocks.org/mbostock/3902569)。 然而,这里的扭曲是我想摆脱......

Svg D3.js如何选择所有使用条件
Svg D3.js How to selectAll using condition

假设页面正文中有很多组(<g />)元素。 这些组元素中的一些具有id,其中一些不具有id,但是仅对那些具有...的组元素感兴趣。
1 2 3 4 5 6 7 192 193