sunburst-diagram相关内容

鼠标悬停时的D3文字

我正在D3中的朝阳图上工作,我不知道如何在鼠标悬停时添加文本.如果将文本“静态"添加到页面,则文本有效,但是如果我移动添加文本的代码并将其放在"mouseOver"函数中,则不会显示任何文本.为什么? (在以下代码段中,您可以找到有效和无效的代码块. 谢谢 AC body { font- ..
发布时间:2020-05-12 19:14:15 其他开发

可缩放的旭日形图(D3.js)中的残破图例和工具提示

我有一个可缩放的朝阳图,存在以下问题: 图例显示为垂直而不是水平.我以为在类图例上,float:left可以解决问题,但标签会显示在新行上. 允许用户禁用图例中的类别以重新计算朝阳图. 工具提示未显示.我到底想念什么? 我想将总计添加到甜甜圈的中间,该甜甜圈会在缩放过渡时动态变化.如何做到这一点? 我为乱码表示歉意.我大约在两周前开始学习D3,下面的代码混合了许多不同 ..
发布时间:2020-04-30 09:48:44 其他开发

寻找一种在森伯斯特图表上显示标签的方法(找不到可行的示例)

由于有人的帮助(布兰登),我已经能够在朝阳图上添加工具提示. 我仍在寻找在森伯斯特图表上显示路径标签的方法(然后使用双模工具提示+文本). 我要改进的示例在jsfiddle.net/trakkasure/UPqX5/ 中提供 我正在寻找要添加到以下代码部分的代码: path = svg.data([getData()]).selectAll("path") .data(p ..
发布时间:2020-04-26 14:48:45 前端开发

d3.js,单击动作到另一个带有sunburst变量数组的URL编码

我制作了序列旭日形象可视化,并希望为每条路径添加一个链接。 我读过类似的问题 d3.js,点击链接到另一个用变量编码的URL,可以根据特定路径的变量建立链接。 (请参阅下面的代码) 此代码可能会生成网址,如“ http:// somelink.com/link.php?id1=CurrentNode “。 但是,我想生成类似” ..
发布时间:2019-05-25 17:45:23 PHP

使用HTML而不是sunburstOutput在Shiny中创建旭日形图

亲爱的社区成员, 我使用 R 套餐 sunburstR 为了在 Shiny 中创建一个sunburst图。下面的代码工作完美,我能够创建情节,但是,我想完全删除图例。出于这个原因,我知道使用HTML5我将能够更多地使用绘图的参数。 rm(list = ls()) 库(有光泽) 库(shinydashboard) 库(sunburstR) 库(data.table) ui ..
发布时间:2018-07-04 20:35:12 前端开发

如何在转换中移动文本标签

我是D3的新手,我尝试在 http:// bl中扩展sunburst示例.ocks.org / mbostock / 4063423 只是为每个弧添加文本标签。对于静态图很容易,在这段代码中标签的位置是正确的,但是当我添加一个过渡,与例子相同,调整大小的弧,文本标签不移动。 function onload(){ ..
发布时间:2017-03-11 00:32:36 前端开发

捕获/保存d3.js Sunburst图表的当前状态

我是d3.js的新手。我在d3.js zoomable sunburst图表中工作 http://bl.ocks.org/mbostock/4348373。当用户放大到一个特定的弧,我需要捕获这种状态的sunburst图。当用户回到sunburst图或加载图形时,他应该看到他离开的状态。 注意:我不想序列化svg元素来显示sunburst的状态。如果我序列化它,那么图表将是静态的,用户不能点 ..
发布时间:2017-03-10 22:29:07 前端开发

为d3 sunburst图更改json的标签

我尝试使用sunburst图表中的此代码为我的工作数据。最初我的数据来自csv,我已经转换为json与帮助d3.nest() d3.csv(“ chord.csv“,function(error,csv_data){ var sunData1 = {”key“:”KINGDOM“,”values“:d3.nest() .key d.KINGDOM;}) .key(function(d ..
发布时间:2017-03-10 22:22:55 前端开发

D3序列Sunburst动画

我是D3的新手,我尝试使用缩放功能升级 Kerryrodden的序列sunburst ,动画: > 我已使用 onclick 事件添加了缩放机会,并完全重新绘制路径: function click(d) { d3.select(“#container”)。 ; var nodes = partition.nodes(d) .filter(function(d){ ..
发布时间:2017-03-10 22:13:06 前端开发

编辑D3 Sunburst可视化的innerRadius

如何更改Sunburst可视化的最内圈的半径?请参见以下示例:( http://bl.ocks.org/d/910126/ - 注意中心区域有多大;可以更小吗?) 此外,是否可以为Sunburst中的所有图层定义不同的高度? 基本示例 jsfiddle 自定义图层高度1 jsfiddle 自定义图层高度2 jsfiddle > 自定义图层高度3 ..
发布时间:2017-03-10 21:36:18 前端开发

如何隐藏可变焦旭日的外圈

我想隐藏Sunburst中的外环,我想在用户向下钻取sunburst时显示它。所以我可以清楚地显示外圈数据清楚....提前感谢 这是我的代码 var width = 700, height = width, radius = width / 2, x = d3.scale.linear [0,2 * Math.PI]), y = d3.scale.pow()。exponent(1 ..
发布时间:2017-03-10 20:58:50 前端开发

d3未定义 - ReferenceError

我想使用 http://bl.ocks.org上的“花哨图表” / kerryrodden / 7090426 : 我这样做的方式是下载代码,只需编辑CSV文件以匹配我的数据。然后我只需在Firefox中打开.html文件即可查看交互式图表。但是,在另一台计算机上使用它,我得到以下错误: ReferenceError:d3未定义sequences.js:25 ReferenceE ..
发布时间:2017-03-10 20:46:23 前端开发

改进D3序列Sunburst示例

此 D3 示例作为我的起点: http://bl.ocks.org/kerryrodden/7090426 我想更改提供图表的数据,并创建了以下新示例: http://jsfiddle.net/ZGVK3/ 可以注意到至少两个问题: 图例是错误的。这是因为它仍然包含原始示例中的“硬编码”名称。 所有节点都是黑色的。这是因为对于原始示例中的节点名称,颜色方案也是“硬编 ..
发布时间:2017-03-10 20:35:48 前端开发

bilevel D3分区/ sunburst布局上的标签

我正在尝试向此处显示的bilevel sunburst / partition添加标签 - http:// bl。 ocks.org/mbostock/5944371 : 我已经在前2个级别添加了标签,并正确旋转。但我现在不能在转换期间添加新级别的标签。 text = text.data(partition.nodes(root).slice(1) ,function(d){retu ..
发布时间:2017-03-10 19:25:31 JavaScript

在D3.js中转换旭日

我使用d3做了一个数据驱动的可视化。我有一个类似于sunburst的结构(但有一个单一的图层,在中间有一个洞的一种饼图)。 点击键盘上的箭头数据可视化的变化,所以它做阳光。特别是innerRadius变化取决于数据的特定属性和某些元素被添加,删除和更新。 我不能管理从一个正确地过渡到另一个旭日。 例如,假设我在后面两个数据中有共同的元素,例如 [{'name':'A',' ..
发布时间:2017-03-10 18:13:24 前端开发