问题标签 [arc-diagram]

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 投票
2 回答
925 浏览

javascript - 识别 D3.js 图

这个由D3.js生成的图叫什么?

在此处输入图像描述

它有名字吗?

我在文档中查找关键字时未能描述它,并花了相当多的时间在网上搜索。

一旦确定了它,D3 文档中包含与此类似的图表的一个示例是什么?我似乎找不到任何类似的东西。

0 投票
1 回答
1113 浏览

javascript - d3圆弧图-添加顶部半圆

http://jsfiddle.net/pRkpL/http://fiddle.jshell.net/pRkpL/show/

我正在制作一个基于此演示的弧形图:http: //bl.ocks.org/sjengle/5431779。我花了一段时间才到这个阶段,现在图表以我需要的所有方式适应数据。

但是,我有两个问题:

1)我需要创建 2 个弧形图 - 一个在黑色矩形上方(在代码中命名为存储桶),一个在下方。作为临时修复,我使用 css3 3D 变换在 x 轴上翻转其中一个弧形图,但浏览器支持充其量是不稳定的。它确实有效,仅在 Chrome 中有效,有时您必须刷新、打开开发工具或调整小提琴框架的大小才能启动。我想用 d3 正确地做到这一点。

我认为创建红色弧线(圆的下半部分)的代码是这样的:

我发现如果我删除最后一个/ 2它会显示一个完整的圆圈,但是我不能让它只显示我的drawTop函数的上半部分。

2) 我目前为 2 个弧形图复制了 2 个大函数,drawTop并且drawBtm. 两者之间的唯一区别是数据数组 (good_jumpsbad_jumps)、容器 id 和上面的弧度逻辑,如果可以解决的话。有没有办法可以将这些组合成一个,这样我就不会重复逻辑?

我对 JS 很陌生,所以如果代码中有任何明显的错误,请告诉我 :) 此外,由于 json 来自外部 api,因此不可能更改它。

0 投票
1 回答
1722 浏览

javascript - 在 D3 中交替或防止重叠路径

我正在创建一个弧线图,希望能找到一种方法来防止弧线重叠。这里有一个工作块的例子。

圆弧图

在这种情况下,较暗的线是多个节点共享相同边缘的重叠线。我想防止这种情况发生,也许通过两次传递:第一次将交替弧线在节点上方而不是下方,给出一种螺旋外观;如果上方/下方已经存在弧线以帮助区分链接,则第二个将绘制稍大的弧线。

关于我如何开始解决问题的任何指示?

0 投票
1 回答
478 浏览

javascript - D3 圆弧图:未显示圆形鼠标悬停的工具提示

我被困在一个问题上,只是寻找另一双眼睛来发现我所缺少的东西。

我有一个正在构建的弧形图,并且当我将鼠标悬停在圆圈/节点上时想要一个工具提示事件。

您可以在此处查看示例块。我认为为了使每个圈子都能发挥作用g,我已经做到了。我有一个处理工具提示创建的函数:

使用 CSS,工具提示会一直隐藏,直到调用 mouseover:

和鼠标悬停本身:

任何指针将不胜感激。

0 投票
1 回答
598 浏览

r - 通过原点 arcplot {arcdiagram} 指定圆弧颜色

我有一个手动指定节点顺序的 arcplot。我曾希望通过手动指定列表来设置弧色。但是,颜色不符合节点:

其中红色、蓝色和绿色之前定义为:

有 738 条边。

要绘制图表:

是否有类似于 igraph 的 get.edglist() 用于 arcplot 的(唯一)要绘制的节点列表(来自边缘列表)?以编程方式按原点添加边缘颜色的其他方法?

要重现数据:

0 投票
0 回答
81 浏览

r - 弧形图可以显示自环吗?

在 R 中找到了一个名为 arcdiagram 的漂亮包,但想知道是否可以使用它绘制自循环(从节点到自身)。有没有人在R中实现过?

0 投票
1 回答
569 浏览

r - geom_curve - 绘制零以上的所有曲线

我正在尝试使用 ggplot2 制作类似于arcdiagram包的弧线图geom_curve

在此处输入图像描述

有些曲线低于 0,我怎样才能让它们都高于 Y = 0?

数据:

0 投票
1 回答
217 浏览

r - 如何在R中制作不同半径的圆弧图?

弧形图有多个 R 包,例如 ggraph 或 arcdiagram,但如果有多个不同性质的连接,它将显示为连接相同起点和终点的相同半径的重叠弧。是否可以有不同半径的弧代表不同的类别?像这张粗略的图表中的东西?谢谢! 在此处输入图像描述

0 投票
1 回答
244 浏览

r - ggraph 弧形图剪辑标签文本

我正在使用igraphandggraph包来绘制圆弧图。我在使用geom_node_text参数时遇到问题,因为随着文本标签长度的增加,图形下边距不会相应增加。因此,如果一个节点的标签有点长,它最终会从图中被剪掉。

karate这是使用包中的示例数据的可重现示例igraphdata

在此处输入图像描述

我已经尝试通过 更改绘图边距,theme(plot.margin=)但无论如何标签都会被剪掉。