问题标签 [treechart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1162 浏览

d3.js - 为 D3.js 树形图标签添加自动换行

我是D3.js的新手,想在树形图中包装长标签

有人可以指导我如何做到这一点吗?

这是我尝试过的:

0 投票
0 回答
1089 浏览

d3.js - D3 树图所有节点内的 HTML TABLE

在这里,我正在使用此jsfiddle中的示例 D3 树图,并且在此树图中,我需要在所有节点中包含 Html 表,包括父节点和子节点。所以它可能如下所示:

参考示例图片

与上图相同,我需要每个节点内的表。

D3 JS代码:

0 投票
1 回答
1462 浏览

javascript - 使用 React 的 D3 可折叠树:不更新节点

我正在使用d3可折叠树,我从中复制的代码:

https://bl.ocks.org/mbostock/4339083

我正在尝试为我的React网络应用程序容纳它并对其进行更改,以便我可以自己将节点附加到任何树节点。它正在附加节点,正确创建链接,除了节点位置的文本没有更改并且节点在单击它们时没有折叠/展开。所以,这是我认为彼此非常相关的两个主要问题。这是我正在做的事情:

在里面componentDidUpdate我正在调用创建和更新树形图的函数:

当我选择(使用基本 html select)节点值将下一个节点附加到,并在文本字段中输入值然后点击按钮时,会发生更新。因此,我将节点设置为附加到新节点的文本。

updateGeneTreeChart是:

getRoot()函数只是获取我用来构建树的更新对象的深层副本:

geneTreeJSON是我正在更新的实际对象。我确信它已正确更新,它的结构是正确的,其中的nodes对象updateGeneTreeChart是正确的:

在此处输入图像描述

但是,所有新连接的节点要么没有文本,要么有根节点的文本(在这种特殊情况下 - Il4ra)。svg如果我在每次更新开始时删除其中的所有内容,它实际上会在节点处绘制正确的文本。所以,不知何故,文本没有更新。我尝试执行以下操作:

或者

不工作。然后我尝试打印出传递给节点的内容:

并且d是根节点,子节点不打印出来。所以,我想这是至少应该解决文本问题的地方,但我不知道如何解决。任何建议将不胜感激。

0 投票
1 回答
252 浏览

colors - SSRS:是否可以根据树形图中的系列颜色更改边框颜色?

我们与 SSRS 2016 合作。我想知道是否有可能根据系列颜色更改树形图系列边框颜色?例如,如果图表系列颜色 =“红色”,则边框颜色 =“蓝色”。

是的,如果设置的值有限,我们可以使用 switch 函数根据系列值操作颜色,例如:

=switch(Fields!country.Value = "Europe","#black" , Fields!country.Value = "Asia", "#blue", ........, etc. )

但是,如果值太多,则切换不是解决方案。

您能否建议是否可以实现预期的条件着色?

0 投票
1 回答
56 浏览

javascript - 在 d3 树形图 v4 中添加切换功能

我是 d3 的新手,我正在尝试用左右节点渲染这个 d3 树形图。初始树渲染工作正常,我添加了一个切换功能,该功能将使子项为 null 并调用渲染方法,但它不起作用。请帮忙。

0 投票
0 回答
19 浏览

javascript - 如何使 d3 树形图节点可单击以选择整个节点?

我使用以下代码创建了一个基本的可扩展树形图。每当我单击其文本时,我都想将圆圈的颜色更改为红色。有人可以帮我实现吗?我真的很感激。我尝试使用条件,但只有当我再次折叠和展开时它才起作用。我只需要有人给我指路。非常感谢。