我正在研究基于MikeBostock的ZoomableSunburst的旭日形可视化。示例。我希望能够使用全新的JSON(具有相同的结构但“大小”值不同)更改基础数据，并让旭日动画转换以反射(reflect)更新后的数据。如果我使用.data()更改路径元素的数据，然后尝试以下列方式更新:path.data(partition.nodes(transformed_json)).transition().duration(750).attrTween("d",arcTween(transformed_json));(..这与点击fn的代码几乎完全相同)functionclick(d){p
这个D3示例作为我的起点:http://bl.ocks.org/kerryrodden/7090426我想更改为图表提供数据的数据，并制作了以下新示例:http://jsfiddle.net/ZGVK3/至少可以注意到两个问题:图例是错误的。这是因为它仍然包含来自原始示例的“硬编码”名称。所有节点都是黑色的。这是因为配色方案也仅针对原始示例中的节点名称进行了“硬编码”。如何改进原始示例(或我的jsfiddle，没关系)，以便图例和颜色根据提供图表的数据进行self调整？ 最佳答案 您可以使用序数比例将颜色映射到不同的节点名称。实现它
我是D3.js的新手，正在研究各种教程/练习/等等，但我对D3的基本需求是加载外部数据(通常是JSON)并根据该数据绘制一些交互式图表。基本的森伯斯特例子是here:我成功地将它适配到我自己的数据上。但是，我希望简化数据的传递并处理D3.js中的一些操作。例如，我想提供一个可以根据需要由D3操作的平面数据文件，而不是为旭日图准备的分层数组。但是，我不确定如何在D3的数据函数之一之外绘制旭日图。我尝试了下面的代码，而不是通过json加载数据，而是将其内联包含在内，因此结构是可见的(不出所料，它不起作用):varw=960,h=700,r=Math.min(w,h)/2,color=d3.
所以我有一个非常标准的D3“Sunburst”图。然而，中心路径(即根)太大了。它占据了我图表的很大一部分，由于围绕它的更重要的弧线争夺空间而被浪费了。我正要在外环上添加标签，但我需要更多空间。见下文。我想让中心圆(浅灰色位)更小，外圈更厚。谁能帮帮我？这是我的代码:varwidth=850,height=700,padding=6,duration=750,labelLimit=120,radius=Math.min(width,height)/2-10;varx=d3.scale.linear().range([0,2*Math.PI]);vary=d3.scale.sqrt().
关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭8年前。Improvethisquestion我正在使用c#express并希望使用免费工具来设计我的类图。您有什么推荐的免费工具？
我有一张用D3制作的旭日图。每个“花瓣”代表一个数据子集。当用户点击其中一个“花瓣”时，我希望它进行转换，散开以仅显示该子集(见图):我无法让代码正确转换。单击时，所有“花瓣”(除了选定的花瓣)都应消失，其余路径应沿圆圈设置动画(使用attrTween、arcTween和插值？)。将要更改的主要值是angleSize(varangleSize=(2*Math.PI)/theData.length;)。我试过使用this,this,this,和this作为引用没有太大的成功。处理动画的最佳方式是什么？感谢您的宝贵时间!-->参见PlunkerHere.代码如下:varcolors={'R
我是D3的新手，如果源json被修改，我会尝试动态更新图表。但我无法做到这一点。请查看thisplunkrJs:varwidth=500,height=500,radius=Math.min(width,height)/2;varx=d3.scale.linear().range([0,2*Math.PI]);vary=d3.scale.sqrt().range([0,radius]);varcolor=d3.scale.category10();varsvg=d3.select("body").append("svg").attr("width",width).attr("heigh
我正在阅读道格拉斯·克罗克福德(DouglasCrockford)的“Javascript,TheGoodParts”，但很难理解所有铁路图的用法。他也没有详细说明这一点。他只是说了以下内容(第21页):Therulesforinterpretingthesediagramsaresimple:Youstartontheleftedgeandfollowthetrackstotherightedge.Asyougo,youwillencounterliteralsinovals,andrulesordescriptionsinrectangles.Anysequencethatcanb
我做了sequencessunburstvisualization并希望为每个路径添加一个链接。我读过类似的问题d3.js,clicktolinktoanotherURLencodedwithvariables并可以根据特定路径的变量建立链接。(见下面的代码)此代码可能会生成类似“http://somelink.com/link.php?id1=CurrentNode”的url。但是，我想使用层次结构信息生成类似“http://somelink.com/link.php?id1=CurrentNode&id2=ParentNode”的url。我不太了解javascript，所以我需要帮
在UML复合结构图中:什么是“端口”？我将如何实现一个，比如Java？ 最佳答案 我会提出，在像Java这样的OO语言中，复合结构图使用的端口概念(通常)实际上实现为在调用之后由包含对象调用成员对象的方法包含对象的方法。这有点像Facade或Delegation模式，除了包含对象实际上必须“拥有”成员对象。参见Delegation多种语言的示例实现的WikiPedia文章。回答问题的第一部分，来自UML用户手册(第2版)(诚然与组件有关):Aportisanexplicitwindowintoanencapsulatedcompon
