问题标签 [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.
javascript - D3 parcoords 轴刻度未正确更新
我正在使用d3 parcoords库。当我修改在平行坐标图中绘制的数据并重新加载图表时,轴的比例不会刷新。
我尝试调用.autoscale()
,但如果我在之前调用它.render()
,它没有任何效果,如果我在之后调用它.render()
,则不再绘制多段线。
不确定这是否相关(尽管问题是同时开始的),我开始指定尺寸的顺序。为此,我不使用包含轴 ( dimensionArray
) 的数组,而是使用包含编号的“索引”键的 JS 对象dimensionObj
,如下所示:
出于说明目的,以下屏幕截图显示了如何在顶部图像上正确设置比例,但在第二个(更新的)图表上,一些新的折线将在第 1 和第 3 轴上变为 0,但比例未更新所以线路超出范围。
重新加载图表时是否有一种简单的方法来刷新轴刻度?是否有可能使用 JS 对象.dimensions()
与底层缩放功能产生一些冲突?
css - d3.js v4 brushY - 无法更改覆盖宽度
我一直在尝试将这个项目与平行坐标从 d3 V3 转换为 V4。遇到的问题是当我尝试在 Y 轴上为每个维度应用刷子时。
我无法更改刷牙时应用的覆盖的宽度。它始终具有 1000 个单位的宽度。一旦我实施刷牙,它就会发生。
这是我到目前为止的代码:
这是错误的屏幕截图,如果有帮助的话。在其中,我刷了最左边的维度,它一直延伸到右边。
当我尝试刷任何其他维度时,也会发生同样的事情,除了覆盖从那个特定维度开始,然后一直延伸到右侧。
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 轴。
- 更新 -
因此,在 paracoords.js 中尝试了更多更改后,我们能够创建画笔句柄,但是在移动时画笔会刷新所有数据,而不仅仅是从画笔中选择点。我相信刷子设置存在一些错误,这就是为什么在刷子事件调用中无法访问所选点的原因。
任何人都可以看看这个问题并帮助看看这是否可以解决。
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)
响应的所有值。不知道为什么。
任何人都可以在这里帮助查找/解决问题。
javascript - Javascript:如何通过将鼠标悬停在轴标签上来显示工具提示
我正在使用平行坐标来可视化一些数据。我使用了以下网站上的大部分代码:
https://syntagmatic.github.io/parallel-coordinates/examples/table.html
现在,我想将工具提示添加到垂直线的标签中。当用户将鼠标悬停在标签上时,该标签的描述将出现在一个框中。
我想通过 if else 函数手动添加每个标签的描述,因为我没有存储在数据库中的描述。在某种程度上,如果有人将鼠标悬停在“圆柱体”(它是一个轴的标签)上,与之相关的描述就会出现在一个框中。
我在下面的代码中使用了“鼠标悬停”,但它不起作用:
我知道它有一些问题,但不知道如何解决它。任何人都可以帮助我吗?
python - Python:Plotly - 平行坐标 - 未标记线的颜色
我有以下问题。我正在使用 plotlys 平行坐标,我需要未标记的线以另一种颜色显示,而不是标准灰色,因为它是默认的。有什么选择吗?
最好的问候] 1
javascript - 修复 Parcoord.js 中所有平行坐标的 YAxis Range
我有一个标准化数据,但平行坐标根据各个轴范围给出 YAxis 范围。我想修复它在 0-1 之间的所有 aixs 说。我想我现在找不到在 parcoord.js 函数中修复 yscale 的位置,该函数现在是自动缩放的。