首页 > TAG信息列表 > circle-pack

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

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

javascript-堆积的D3JS气泡图

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

JavaScript-Circle packs作为D3强制布局的节点

这是jsfiddle： 假设您有两个政党,并且要在多个投票单位或类似结构的数据中展示选举结果,这确实非常好. 但是,我需要直观地表示：(5个政党,而不是2个政党)(请忽略除“座位”之外的所有原始内容；应该仅将“座位”可视化) 我想在每个力布局节点内都有一个圆包. 例如,应该有一个名为BC的气

javascript – D3更新circle-pack数据新节点重叠现有节点

我正在关注General Update Pattern,但是关于分层问题. 使用circle-pack布局,我打包新数据,更新,进入和退出圆元素.但是,当新元素进入时,它们会与更新的圆圈重叠. 数据键功能基于元素名称： .data(nodes, function(d, i) { return d.name; }); 所以我的圆圈包有更新圆圈的位置(正确

javascript – 使用D3在JS中的不同圆圈CirclepackeR上需要不同的颜色

我正在使用circlepackeR也是d3.js.我需要使用数组hexa中的颜色为每个叶节点着色.此数组的值将与我们将拥有的叶节点数相同.我没有发布整个flare数据函数,只发布了一个根及其子节点. 对此相关的任何建议将不胜感激.谢谢！ hexa = ["#FFFFFF00" "#FF000000" "#00FF0000" "#FF000000" "

javascript – 更新D3圈包布局

我正在尝试使用json中收到的数据动态更新d3 circle pack布局.每一秒我都会调用d3.json()来获取新的json.我的实现只是在旧的实现下创建一个新的,而不是更新现有的可视化.我想动态更新现有的布局…… <!DOCTYPE html> <html> <head> <script type="text/javascript" src="d3.v2.js"

javascript – D3.js无法加载json文件

我正在尝试创建一个D3.js packed circle diagram. 当我将数据嵌入HTML文件时,它工作正常.当我将数据放在外部文件中时,我什么也得不到(空白DOM,没有控制台消息). 如果取消注释var数据声明并注释掉d3.json(以及相应的右括号),它可以正常工作. 我可以在浏览器中看到“2013 Inf-2.json