问题标签 [parallel-coordinates]

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 回答
549 浏览

javascript - D3 parcoords 轴刻度未正确更新

我正在使用d3 parcoords库。当我修改在平行坐标图中绘制的数据并重新加载图表时,轴的比例不会刷新。

我尝试调用.autoscale(),但如果我在之前调用它.render(),它没有任何效果,如果我在之后调用它.render(),则不再绘制多段线。

不确定这是否相关(尽管问题是同时开始的),我开始指定尺寸的顺序。为此,我不使用包含轴 ( dimensionArray) 的数组,而是使用包含编号的“索引”键的 JS 对象dimensionObj,如下所示:

出于说明目的,以下屏幕截图显示了如何在顶部图像上正确设置比例,但在第二个(更新的)图表上,一些新的折线将在第 1 和第 3 轴上变为 0,但比例未更新所以线路超出范围。

重新加载图表时是否有一种简单的方法来刷新轴刻度?是否有可能使用 JS 对象.dimensions()与底层缩放功能产生一些冲突?

第一个带有默认数据的图表

更新数据的第二个更新图表

0 投票
0 回答
48 浏览

d3.js - 如何在组合平行坐标图中将轴分为两组(D3 js)

在此处输入图像描述

我有一个要求,我需要将轴分组。虽然我已经使用纯 D3 成功地尝试过,但我需要使用您的平行坐标库。

0 投票
2 回答
663 浏览

css - d3.js v4 brushY - 无法更改覆盖宽度

我一直在尝试将这个项目与平行坐标从 d3 V3 转换为 V4。遇到的问题是当我尝试在 Y 轴上为每个维度应用刷子时。

我无法更改刷牙时应用的覆盖的宽度。它始终具有 1000 个单位的宽度。一旦我实施刷牙,它就会发生。

这是我到目前为止的代码:

这是错误的屏幕截图,如果有帮助的话。在其中,我刷了最左边的维度,它一直延伸到右边。

当我尝试刷任何其他维度时,也会发生同样的事情,除了覆盖从那个特定维度开始,然后一直延伸到右侧。

错误截图

0 投票
1 回答
845 浏览

javascript - d3 v4 使用 d3 v4 画笔选择路径的平行坐标

我正在尝试实现与此类似的图表-

https://bl.ocks.org/syntagmatic/05a5b0897a48890133beb59c815bd953

在 d3 v4 中。所以我在这里找到了这个库 -

https://github.com/syntagmatic/parallel-coordinates

最初是用 d3 v4 编写的,所以我找到了一个部分移植的 d3 v4 版本——

https://github.com/mlarosa2/parcoords

为此,在将这个库与我的一些自定义项一起使用后,我在这里达到了这一点 -

http://blockbuilder.org/iamdeadman/9e7c89d21c7dc1ce1b13b1ceb931c9eb

因此,如果您打开该块,您会看到我无法再在 y 轴上绘制画笔。我相信这是因为这个库中的一些 d3.dispatch 事件问题。

这些是我必须做出的改变mlarosa2/parcoords才能产生至少一个正在运行的演示 -

d3.svg.brush() ----到---> d3.brush();

变了——

改为d3.svg.arc()_d3.arc()

终于变了——

任何人都可以提出任何更改/有用的提示来查找/调试以下块中的问题,以便我们可以像在https://bl.ocks.org/syntagmatic/05a5b0897a48890133beb59c815bd953中使用 d3 v4 一样创建和应用选择到 y 轴。

https://bl.ocks.org/iamdeadman/raw/9e7c89d21c7dc1ce1b13b1ceb931c9eb/78e688e476259ffd85de091a1c17804a1d87d7ba/

- 更新 -

因此,在 paracoords.js 中尝试了更多更改后,我们能够创建画笔句柄,但是在移动时画笔会刷新所有数据,而不仅仅是从画笔中选择点。我相信刷子设置存在一些错误,这就是为什么在刷子事件调用中无法访问所选点的原因。

任何人都可以看看这个问题并帮助看看这是否可以解决。

0 投票
0 回答
218 浏览

javascript - d3平行坐标图表y轴与刻度绘图问题

我正在尝试重现与此类似的图表 - http://bl.ocks.org/syntagmatic/raw/3150059/

使用 d3 v4。这是我的带有更新代码的叉子 - http://bl.ocks.org/iamdeadman/a75c0a97459b131eccbc24e99c340ab8/321e048d287293525a9f23ae276025aa8916f7f6

由于在将上述块移植到 d3 v4 时发生了一些不正确/错误的更改,我现在看到的布局是这样的 -

在此处输入图像描述

即所有轴都移动到左右位置。

我怀疑这是因为在放置期间为轴提供了不正确的 x 比例。

所以,最初它们是这样初始化的 -

&我将其更改为-

在此之后为他们所做的所有维度提取和创建比例 -

所以现在,

d所以现在在这里我得到 xscale 作为(0 / chart width-1)响应的所有值。不知道为什么。

任何人都可以在这里帮助查找/解决问题。

0 投票
1 回答
189 浏览

javascript - Javascript:如何通过将鼠标悬停在轴标签上来显示工具提示

我正在使用平行坐标来可视化一些数据。我使用了以下网站上的大部分代码:

https://syntagmatic.github.io/parallel-coordinates/examples/table.html

现在,我想将工具提示添加到垂直线的标签中。当用户将鼠标悬停在标签上时,该标签的描述将出现在一个框中。

我想通过 if else 函数手动添加每个标签的描述,因为我没有存储在数据库中的描述。在某种程度上,如果有人将鼠标悬停在“圆柱体”(它是一个轴的标签)上,与之相关的描述就会出现在一个框中。

我在下面的代码中使用了“鼠标悬停”,但它不起作用:

我知道它有一些问题,但不知道如何解决它。任何人都可以帮助我吗?

0 投票
1 回答
765 浏览

python - Python:Plotly - 平行坐标 - 未标记线的颜色

我有以下问题。我正在使用 plotlys 平行坐标,我需要未标记的线以另一种颜色显示,而不是标准灰色,因为它是默认的。有什么选择吗?

最好的问候![在此处输入图像描述] 1

0 投票
0 回答
75 浏览

r - 使用 ggparcood() 绘制平行坐标图(GGally 包)

我正在尝试制作一个以平均值和最小值和最大值为表面的平行坐标图。我正在使用ggparcood()包 GGally 中的函数。

我试图用这段代码制作那个情节

但我明白了:

在此处输入图像描述

我想绘制类似的东西:

在此处输入图像描述

0 投票
1 回答
89 浏览

javascript - 修复 Parcoord.js 中所有平行坐标的 YAxis Range

我有一个标准化数据,但平行坐标根据各个轴范围给出 YAxis 范围。我想修复它在 0-1 之间的所有 aixs 说。我想我现在找不到在 parcoord.js 函数中修复 yscale 的位置,该函数现在是自动缩放的。

0 投票
1 回答
668 浏览

d3.js - D3.js - 平行坐标 - 改变画笔轴的颜色

我正在尝试重新创建平行坐标示例。

每次刷轴时,我希望通过颜色变化来突出显示该特定轴。

我该怎么做呢?

这是我正在尝试实现的屏幕截图:

在此处输入图像描述

我对 D3.js 没有很多经验,因此感谢您的帮助。

提前致谢。