问题标签 [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.
javascript - 识别 D3.js 图
这个由D3.js生成的图叫什么?
它有名字吗?
我在文档中查找关键字时未能描述它,并花了相当多的时间在网上搜索。
一旦确定了它,D3 文档中包含与此类似的图表的一个示例是什么?我似乎找不到任何类似的东西。
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_jumps
和bad_jumps
)、容器 id 和上面的弧度逻辑,如果可以解决的话。有没有办法可以将这些组合成一个,这样我就不会重复逻辑?
我对 JS 很陌生,所以如果代码中有任何明显的错误,请告诉我 :) 此外,由于 json 来自外部 api,因此不可能更改它。
javascript - 在 D3 中交替或防止重叠路径
我正在创建一个弧线图,希望能找到一种方法来防止弧线重叠。这里有一个工作块的例子。
在这种情况下,较暗的线是多个节点共享相同边缘的重叠线。我想防止这种情况发生,也许通过两次传递:第一次将交替弧线在节点上方而不是下方,给出一种螺旋外观;如果上方/下方已经存在弧线以帮助区分链接,则第二个将绘制稍大的弧线。
关于我如何开始解决问题的任何指示?
javascript - D3 圆弧图:未显示圆形鼠标悬停的工具提示
我被困在一个问题上,只是寻找另一双眼睛来发现我所缺少的东西。
我有一个正在构建的弧形图,并且当我将鼠标悬停在圆圈/节点上时想要一个工具提示事件。
您可以在此处查看示例块。我认为为了使每个圈子都能发挥作用g
,我已经做到了。我有一个处理工具提示创建的函数:
使用 CSS,工具提示会一直隐藏,直到调用 mouseover:
和鼠标悬停本身:
任何指针将不胜感激。
r - 通过原点 arcplot {arcdiagram} 指定圆弧颜色
我有一个手动指定节点顺序的 arcplot。我曾希望通过手动指定列表来设置弧色。但是,颜色不符合节点:
其中红色、蓝色和绿色之前定义为:
有 738 条边。
要绘制图表:
是否有类似于 igraph 的 get.edglist() 用于 arcplot 的(唯一)要绘制的节点列表(来自边缘列表)?以编程方式按原点添加边缘颜色的其他方法?
要重现数据:
r - 弧形图可以显示自环吗?
在 R 中找到了一个名为 arcdiagram 的漂亮包,但想知道是否可以使用它绘制自循环(从节点到自身)。有没有人在R中实现过?